设备指标

设备指标网站https://material.io/devices/

（一定要看）移动端高清、多屏适配方案http://www.aliued.com/?p=3166

设备像素比为2为什么要用2倍图？

不同的屏幕上(普通屏幕 vs retina屏幕)，css像素所呈现的大小(物理尺寸)是一致的，不同的是1个css像素所对应的物理像素个数是不一致的。

在普通屏幕下，1个css像素 对应 1个物理像素(1:1)。

在retina 屏幕下，1个css像素对应 4个物理像素(1:4)。

因为 设备像素比为2  一个像素块位2*2=4 密度比较大 显示的信息量比较多 所以要用二倍图  压缩之后正好是高清图

一倍图二倍图的尺寸问题

以iphone6位基准

倍图是相对于375*667尺寸说的 

如果是二倍图就是375*2   667*2

一二三倍图什么时候用？

根据设备像素比来判断用的倍图

pc端设备像素比为1  用一倍图

设备像素比为二   用二倍图

设备像素比为三   用三倍图

为什么一般都是用二倍图？

在对图片清晰度的要求不是很高的情况下 用二倍图是一个折中的办法 

倍图用颠倒了会在么样？

（一定要看）移动端高清、多屏适配方案http://www.aliued.com/?p=3166

屏幕像素比为1的情况下用了2倍图 图片模糊

屏幕像素比为2的情况下用了1倍图 图片会缺少锐利度

响应式网站下怎么用倍图？

用媒体查询或者 判断设备像素比： window.devicePixelRatio来使用倍图

为什么ui设计图的尺寸是（iphone6）750*1334而 在chrome浏览器上(实际开发)是375*667？

首先无论是750*1334还是375*667的尺寸 他们的单位都是px 

这是因为设备像素比的问题 在苹果6 下设备像素比为2（也就是二倍图下） 而 750*1334下设备像素比为1（也就是一倍图下）

iphone6 pc端