metaのviewport
951 ワード
モバイルウェブページの開発はviewportに関連して、勝手に1編、分かち合います.
よく使われるviewport metaは以下の通りです.
1、width:viewportのサイズを制御し、600などの値を指定したり、device-widthがデバイスの幅(単位が100%にスケールされたCSSの画素)などの特殊な値を指定したりすることができます.
2、height:widthに対応して、高さを指定する
3、initial-scale:初期スケール、ページの最初のロード時のスケール
4、maximum-scale:0から10.0までの最大スケールでユーザーを縮小できる
5、minimum-scale:0から10.0までの範囲で、ユーザーが縮小できる最小割合
6、user-scalable:ユーザーが手動でスケールできるかどうか、値は:1 yes、trueでユーザーがスケールできる;②no、falseはユーザーの拡大・縮小を許さない
原文リンクhttp://www.xiejiancong.com/post-223.html
よく使われるviewport metaは以下の通りです.
1
<
meta
name
=
"viewport"
content
=
"width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
/>
1、width:viewportのサイズを制御し、600などの値を指定したり、device-widthがデバイスの幅(単位が100%にスケールされたCSSの画素)などの特殊な値を指定したりすることができます.
2、height:widthに対応して、高さを指定する
3、initial-scale:初期スケール、ページの最初のロード時のスケール
4、maximum-scale:0から10.0までの最大スケールでユーザーを縮小できる
5、minimum-scale:0から10.0までの範囲で、ユーザーが縮小できる最小割合
6、user-scalable:ユーザーが手動でスケールできるかどうか、値は:1 yes、trueでユーザーがスケールできる;②no、falseはユーザーの拡大・縮小を許さない
原文リンクhttp://www.xiejiancong.com/post-223.html