コンピュータ関係の備忘録ブログ

とある外資系の会社でITインフラのエンジニアの仕事をしています。自分のためのリマインダとしてコンピュータ関係のことをいろいろ書いているブログなので少々見づらいところもあるかもしれませんが、参照された方の参考になれば幸いです。

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)では動作を確認。画面を回転したら画像の大きさが変わった。