meta viewport的作用

864 阅读1分钟
 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  • name为viewport表示供移动设备使用. content定义了viewport的属性
  • width=device-width表示移动设设备下显示的宽度为设备宽度
  • height同理
  • user-scalable表示是否允许用户缩放, no表示不允许
  • initial-scale表示设备与视口的初始缩放比率
  • maximum和minimum分别表示缩放的最大最小比例
  • 需要注意的是, maximum必须大于或者等于minimum