ビューポートの機能

ビューポートは:ページコンテンツのブラウザ表示画面領域であります

視覚的なレイアウトビューポートビューポートビューポートの理想:ビューポートを分けます

レイアウトビューポート:

    一般的なモバイルエンドデバイスのブラウザは、モバイル端末上で早期にPC-ページ表示の問題を解決するために、デフォルトのビューポートのレイアウトを設定します

    アップルアンドリュースは、基本的にビューポート980pxの解像度を設定します

ビジュアルビューポート:あなたは地域を参照すると、ページ領域を参照していますURL

         ビューポートにスケーリングすることで視覚的なレイアウトビューポートの動作には影響を与えません。

理想的なビューポート:

  図1は、(読み取りおよび設計幅を参照)、モバイルデバイスステータスのブラウザで最適なサイトです

  2.サイズのための装置が最適です。

  3。メタタグ、ブラウザを対応する通知操作をご紹介します。

  主な目的は、タグ4.metaレイアウトビューポートの幅がウィンドウの幅にわたって一貫していなければならないようにすることです。機器がどのように広く、レイアウトビューポートは広い持っています。

   メタタグ:

  <メタ名=「ビューポート」コンテンツ=「幅=デバイス幅、初期スケール= 1、最小スケール= 1、最大スケール= 1、ユーザスケーラブル= NO」/>

  現在のデバイスの現在の幅の均一な幅幅=デバイス幅

  初期スケール= 1初期スケール(デフォルト1)

  最小スケール= 1は、ユーザが、最小スケーリング(デフォルト1)をスケーリングすることを可能にします

  最大最大スケール= 1は、ユーザが比率を拡大することを可能にする(デフォルト1)

  ユーザースケーラブル=我々は、ユーザーがページをズームしたくないので、ユーザーが手動(デフォルトでは許可されません)ズームすることができますかいいえ。

  注:携帯端末は、metaタグを記述する必要がありますし、ズームは禁止されています。

         役割:ビューポートのための

ビューポートスケール:スクリーンショット375pxアウト装置におけるPS PS 750pxの値を測定するためには、二重PX内のデバイスの値よりも大きいです

おすすめ

転載: www.cnblogs.com/52580587zl/p/12561773.html