読者です 読者をやめる 読者になる 読者になる

カメラとか、ノートとか。

X-E2が好きなおっさんのブログ

右の余白を消したいがためその原因はかなりしょうもない理由だった

まず。
CSSの振り分けでうまくいかず。

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width:1024px)" href="ipad用.css"/>

これだとiPhoneでもこっちのCSSが読み込まれる。
ので、以下に変更。

<link rel="stylesheet" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="ipad用.css" />
<link rel="stylesheet" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="ipad用.css" />

で、要はPC用のCSSを適当にいじっていたためiPadのwidth「768px」を守られてなかったのが原因。width,margin,paddingを全部見直して、画像の横幅とかを変えて、あっさり解決。
iPadでブラウジングしているときに左右にぐりぐり動いたらどこかwidthではみ出ているところがあると思った方が良いかと。


とにかくmarginとpaddingは要注意。