设备指标网站https://material.io/devices/
https://blog.csdn.net/lny1126/article/details/80538253
（一定要看）移动端高清、多屏适配方案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端
