ビューポートメタタグの目的は何ですか？

Question

私はモバイルサイトを設計しています。まず、h1タグ付きの通常のhtmlページを使用してみました。

<meta name="viewport" content="width=device-width" /> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" /> 

それを理解するために、いくつかのWebページを試した後、私はまだ混乱しています：それは私が検索し、私はこれらの行を追加する必要があることが判明非常に小さな見えます。ビューポートに追加のデバイス幅がありますか？たとえば、iPhoneは960pxですか？ iPhone 4は640pxなので、サイズをエミュレートするにはスケールアップしますか？だから、ビューポートが960pxだと思ってしまうのを防ぐため、それは画面のサイズと等しいと言いますか？

この場合、Android搭載デバイスなどの他のブラウザやデバイスの幅（960px以外）は異なりますか？ jqueryのモバイルドキュメント毎の

Answer 1

、これでiOS用のバグがあります：

が適切にこれらのビューポートの設定と方向を変更するときの幅を設定しますが、 しないのiOSでのマイナーな問題がありますこれは将来のリリースになるとうまくいけばうまくいきます。必要であれば、 のビューポート値を設定して、ズームが無効になるように設定することができます。これは、ライブラリではなくページコンテンツである の一部です。

彼らは次の行をお勧めします。

<meta name="viewport" content="width=device-width, initial-scale=1"> 

あなたはまた、上記の行は、ユーザーのズームを無効にしないだろう、いずれかのユーザースケーラブルは必要ありません。