/*768-1023*/ @media screen and (min-width : 768px){ #contents { text-align : left} }/*1024*/ @media screen and (min-width : 960px){#contents{ overflow: hidden; width: 960px } #contents #main, #contents #sub{ float: left; margin: 0 10px;}#c…

【レスポンシブルデザインで作る時の流れ】１．一番小さい画面設定でHTMLとCSSつくる２．画面レイアウトが変わるポイントを決める このポイントがブレイクポイント３．ブレイクポイントごとのレイアウト変更をCSSに書き込む[ブレイクポイントの記述]CSSで @m…