まず。
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は要注意。
