レスポンシブWebデザイン - ビューポート
ビューポートとは何ですか?
ビューポートユーザページ表示可能な領域。
ビューポートは、中国と呼ばれるに翻訳することができる「ビューポート」。
この意志(モバイルブラウザは、(ビューポート)通常はこの仮想「ウィンドウ」の画面よりも広い(ビューポート)仮想「窓」のページであるので、あなたはすべてのページに小さなウィンドウを圧迫する必要はありませんモバイルブラウザのページのために最適化されたダメージのレイアウトはありません)、ユーザは、パンやページのさまざまな部分を表示するには、ズームすることができます。
ビューポートの設定
次のように一般的なモバイル最適化されたWebページのビューポートmetaタグは、次のとおりです。
- 幅:ビューポートのサイズを制御する600場合、値は、指定することができ、またはそのようなデバイス幅のデバイス幅などの特別な値、(ピクセルのCSSに時間の100%にスケーリング)。
- 高さ:指定された幅と高さと対応します。
- 初期の規模:初期スケール、それはときに最初のページのロード時間スケール、です。
- 最大規模:ユーザーが最大比にズームすることができます。
- 最小スケール:ユーザーが最小規模を拡大・縮小することができます。
- ユーザースケーラブル:ユーザーが手動でズームすることができるかどうか。
次の例では、ビューポートではなく、モバイル副作用のを使用して、ビューポートの使用方法を示しています。
例1は、ビューポートを添加しなかった。 見るためにクリック
例2、ビューポートを追加します。 クリックで拡大
あなたがタブレットや携帯電話でご覧の場合は、効果を確認するためにクリックすることができます。