hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

viewportと戯れる その2

前にこんな記事かいた。古くなってきたので再度まとめておく。それぞれの利点と欠点。
androidのためにviewportと戯れる | hirokona :

検証機のギャラクシーSで初期の表示ががおかしくなるのでいろいろと調節する。 ■to Rさん target densitydpiとかを調節してはどうか?と。 ほうほう。 http blog…

androidとうまく付き合うためにまだまだ格闘中だー。
それぞれの利点と欠点
1)固定長
[html]

[/html]
◯最近の機種なら体外大丈夫
◯Android2.3でもiScrollが正常に動作
×iPhone系で一部のJSの制御が格段に重くなる(「initial-scale=1.0」が入っていないためと思われ)

2)metaじゃなくzoomで拡縮対応させる
[html]
var w = $(window).width();
var zoom = w/640;
$(‘html’).css(‘zoom’,w/640);
[/html]
◯androidで横倒しの時もiPhoneと同じように自動拡大みたいに出来る
×各種jsプラグインが影響を受けやすい(バグりやすい)
×Android2.3でiScrollがバグる
×Android+css3transitionでtransition後の画像がモケる

3)昔のまんま
[html]

[/html]
◯バグりにくい
△ユーザーが拡大したくても出来ない
×Androidで横持ちの時には自動拡大されないので背景100%とか組むのが手間


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください