コーディングメモ min-width

毎度あたふたしてる気がするのでいい加減嫌気がさしたのでメモ。

responsiveなサイトを作るときは

[html]<meta name="viewport" content="width=device-width" />[/html]

とか書き込む。

デザイン的にヘッダやフッタがwidth: 100%; な場合、iPhoneやiPadで背景や100%部分がおかしなことになったりする。

[css]min-width: ○○; [/css]

100%指定している箇所に追加しておくとOK。

今回は

[css]body { min-width: ○○px; }[/css]

こんな感じでOK。コンテンツ幅いっぱいにしたいときはコンテンツ幅を。