2011-12-30 5 views
1

私は、モバイルデバイスで使用するために、ビューポートメッツタグで混乱のビットがいる:ipadビューポート - スケールと幅の関係?

<meta name="viewport" content="width=1024, initial-scale=1.4, maximum-scale-1.6, minimum-scale=0.25"/> 
. 

このことは何を意味するのでしょうか?つまり、ビューポートとは...固定サイズのオブジェクトを見ることができる魔法の穴です。 そして、私はあなたが一度に見ることができる固定サイズの画像の量を決定することができるので、穴に幅を与えたいと思うかもしれません。

しかし、なぜそれに初期スケールを与えますか?ポイントは?ビューポートをあなたが望む値に設定するだけではどうですか?初期スケールは何を追加しますか?

また、最大値と最小値はどのように加算されますか?私は、ユーザーが適切に拡大縮小できるようにしたいのですが(なぜなら、 'user-scalabe = no'オプションの入力で拡大縮小を無効にしないと仮定します)。

答えて

1

アップル1として、あなたはあなただけの1の初期の規模を指定した場合、Safariはポートレートモードで幅=装置幅を前提としてい...明示的にビューポートの幅を設定する必要はありませんが...

スケールはページのズームレベルを制御するだけです...特定の固定幅/高さでサイトを設計した場合、ユーザーが拡大または縮小できるようにしたくない場合があります。

詳細情報のリンクに続く

http://developer.apple.com/library/IOs/ipad/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

ビューポートは主にモバイルブラウザのみに影響することを覚えておいてください。

+0

これは疑問に答えません。なぜ私は最初のスケール値を使用するのですか?私はそれらがビューポート属性の1つで拡大縮小できるかどうかを制御することができます。また、他の2つで拡大/縮小できる方法を*制御することもできますが、なぜ初期スケールを設定しているのかわかりません – bharal

関連する問題