HTML 5 Mobileモバイル端末対応画面
724 ワード
Web携帯wap 2.0ページのheadに次のメタラベルを追加すると、モバイル側のブラウザにページが元のサイズで表示され、スケールは許可されません.
モバイル端末の画面に適応するコードを追加します.
次のようになります.
width:viewportのサイズを制御し、600などの値を指定したり、device-widthがデバイスの幅(100%にスケールされたCSSのピクセル単位)などの特殊な値を指定したりすることができます.
height:widthに対応して高さを指定
initial-scale:初期スケール、ページの最初のロード時のスケール
maximum-scale:0から10.0までの最大スケールでユーザーを縮小できます.
minimum-scale:0~10.0の範囲でユーザーを縮小できる最小割合
user-scalable:ユーザーが手動でスケールできるかどうか、値はyes/trueでユーザーがスケールできる;No/falseはユーザーのスケールを許可しません
モバイル端末の画面に適応するコードを追加します.
1 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
次のようになります.
width:viewportのサイズを制御し、600などの値を指定したり、device-widthがデバイスの幅(100%にスケールされたCSSのピクセル単位)などの特殊な値を指定したりすることができます.
height:widthに対応して高さを指定
initial-scale:初期スケール、ページの最初のロード時のスケール
maximum-scale:0から10.0までの最大スケールでユーザーを縮小できます.
minimum-scale:0~10.0の範囲でユーザーを縮小できる最小割合
user-scalable:ユーザーが手動でスケールできるかどうか、値はyes/trueでユーザーがスケールできる;No/falseはユーザーのスケールを許可しません