移动端

  • viewport:移动端的web承载在viewport上，设置viewport属性可以得到各种显示效果
    设置宽度:content="width=device-width" <meta name="viewport" content="width=device-width">
    设置默认缩放比：initial-scale=1.0 <meta name="viewport" content="initial-scale=1.0">
    设置是否允许用户缩放：user-scalable 0-no 1-yes <meta name="viewport" content="user-scalable=0">
    maximum:最大缩放比，大于0的数字
    minimum:最小缩放比，大于0的数字

    • 移动端浏览器和网页之间有一层viewport，网页显示在viewport上

  • 设置viewport的宽度等于设备宽度，网页宽度100%，达到移动端网页适配

    • 物理像素（分辨率）- 网页像素px：像素缩放比