iPhoneやAndroidのサイトで画面が回転したときに表示を拡大する
iPhoneやAndroidのサイトで画面が回転したときに表示を拡大する方法
<metaname="viewport"content="width=device-width"/>
<script src="shared/js/jquery-1.3.2.js"></script>
<script>
$(window).bind('resize load', function(){
$("html").css("zoom" , $(window).width()/320);
});
</script>
参考:スマートフォンのサイトを横に回転させた時に画面のサイズに合わせて拡大させるには
metanameタグの方はiPhoneのコード。scriptタグ2つはAndroidに対応するコード。
Androidの方は機種によって対応できたりできなかったりするみたい。
とりあえずNexus7(2012)では動作を確認。画面を回転したら画像の大きさが変わった。