Quantcast
Channel: Shiitake's tumblr.
Viewing all articles
Browse latest Browse all 46471

"AndroidブラウザはiPhoneのようにviewportのwidthに数値が指定できません。(ネットを見ていると指定できると書いているページもよくあるのでデバイスによって違うのかも?) ..."

$
0
0

AndroidブラウザはiPhoneのようにviewportのwidthに数値が指定できません。(ネットを見ていると指定できると書いているページもよくあるのでデバイスによって違うのかも?)

タイムリーに@takazudoが同じようなことをやっていて、対応方法が公開されていました。

ただ、私の検証環境、IS01やGALAXY S、Androidシミュレータだとうまく動かず。デバイスの実装差異かなんかかな。

で、色々と試行錯誤していたのですが、meta要素で「content=”width”」を指定せず、JavaScriptで次のように指定すると「content=”width=640”」っぽい表現が可能です。

$(window).bind('resize load', function(){
	$("html").css("zoom" , $(window).width()/640 );
});

ウィンドウサイズにあわせてzoomプロパティを使ってWebページを拡大縮小してしいます。

それにしてもAndroidブラウザは謎な仕様が多い。



- Androidブラウザでviewportのwidth指定[to-R]

Viewing all articles
Browse latest Browse all 46471

Trending Articles