metaのviewport

951 ワード

モバイルウェブページの開発はviewportに関連して、勝手に1編、分かち合います.
よく使われる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