移动端屏幕适配

移动页面最理想的状态是，避免滚动条，且页面不被缩放处理

<meta name="viewport" content="width=device-width，initial-scale=1 " />

对 viewport的设置的meta建议写在已有的meta标签之后

既是写在 （） 之后

• name=viewport 说明当前标签是用来设置viewport属性的，这个属性只有在移动端才会有效
• content="width:device-width,initial-scale=1" 进行viewport的设置
  • width 用来设置 viewport 的宽度
  • initial-scale 的值是根据 ideal viewport / layout viewport 计算出来的
  • content="initial-scale = 1.0" 与 content="width=device-width" 起的作用是一样的
  • 之所以同时设置width 和 initial-scale 是因为有的浏览器支持width,有的浏览器支持 initial-scale
  • maximum-scale 允许用户的最大缩放值，为一个数字，可以带小数
  • minimum-scale 允许用户的最小缩放值，为一个数字，可以带小数
  • user-scalable 是否允许用户进行缩放，值为 no 或者 yes