移动端开发-web

浏览器现状

1. 物理分辨力

多被图概念

1. 由来

   1. 由于移动设备的屏幕大多是多倍屏，如果使用正常的图片会导致图片变模糊

      • 如何解决?
      • 业内一般使用二倍图，并且分辨率采用iphone6/7/8的750*1334为标准。（原因:在移动web兴起时iphone/6/7/8)

2. 给我们开发人员带来的影响

   1. UI设计稿
   2. ·我们从UI设计稿量得的尺寸几倍图就除以几

3. 图片

   1. 没有任何影响
   2. （原因:图片在页面上显示的大小不由图片本身尺寸决定，而由css代码决定)

1.视口

<!-- mata 元信息
    name="viewport" 设置视口
    width=device-width 视口宽度=设备宽度
    initial-scale=1.0 原始缩放比例1
    user-scalable=no(0) 禁止用户缩放
    maximum=1.0 最大缩放比例
    minumum=1.0 最小缩放比例 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum=1.0,minimun=1.0">