物理像素&物理像素比

物理像素&物理像素比

1.物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了，比如苹果6\7\8是750*1334

2.我们开发时候的1px不是一定等于1个物理像素的
3.PC端页面，1个px等于1个物理像素的，但是移动端就不尽相同
4.一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比

多倍图

对于一张50px*50px的图片，在手机Retina屏中打开，按照物理像素比会放大倍数，这样会造成图片模糊
在标准的viewport设置中，使用倍图来提高图片质量，解决在高清设备中的模糊问题
通常使用二倍图，因为iPhone6\7\8的影响，但是现在还存在3倍图4倍图的情况，这个看实际开发公司需求背景图片 注意缩放问题

在iphone8 下面
img {
原始图片100*100px
width:50px;
height:50px;
}
.box {

原始图片100*100px
background-size: 50px 50px;

}