数日前に某サイトをスマホ対応にしている途中でいくつか気づいたことあったのでメモ
- 背景色やテキストの色、テキストの位置、フォントサイズ、行間、list-style、H1~H6のスタイルはほとんどの場合使いまわせる
- ボックスの配置はPCとスマホで違うので使いまわすことができない
- マウスオーバー系の奴はタッチパネルだと悲惨なことになるので分ける
次からレスポンシブル対応を考慮に入れつつCSSを書く場合、「背景色やテキストの色、テキストの位置、フォントサイズ、行間、list-style、H1~H6のスタイル」を先に書いて、残りの部分はメディアクエリーを駆使して描くと幸せになれるかもしれない