スマホでPCサイトを見るという特殊なカスタマイズを加えていたので、
ipadで見るとviewportが邪魔をして拡大率がすさまじいレイアウト崩れが発生していた修正
とりあえず phpでipadかの判定を行い、ipadの場合はviewportを出力しないで一気に解決b
widthも1024pxかレイアウトの最大幅にあわせることで直りました。
ふー、よかったよかった。
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#container {width:1024px;}
}
<!--{php}-->
$isiPhone = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone');
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
if($isiPad){
echo "";
}else{
echo "<meta name=viewport content=width=device-width, initial-scale=0, maximum-scale=1, user-scalable=1 />";
}
<!--{/php}-->