iPad 縮小時 右の余白
ハダカJapanのデザインで一日悩んだ。iPad での表示の時、iPhone での横向きの時、右側に不明な余白ができていたのだ。たぶん、何年もそういう状態だった思う。CSSはいつも適当なのがいけないのだが、気になりだすと、眠ることもできない。かといって、CSSを一つ一つ解析し、ついでに掃除するのは、くそ面倒だ・・・。
タイトル通りで、Google 先生に聞いてみた。
その中のおまじないを記載しておく。
1.
<meta name="viewport" content="width=device-width">
2.
body { min-width:960px; }
3.
.container { overflow:hidden; }
#wrapper { overflow:hidden; }
1はもともと指定してあった。2と3をやったら綺麗になった( ..)φメモメモ