关于二倍图的一些知识点

这里谈论到物理像素和CSSpx的问题，物理像素就是我们手机的分辨率，一般的手机都会有一个尺寸，例如把一张图片放到PC端去看的话，它的一个物理像素点就是一个px单位，但是放到手机模式的话，因为现在的手机用的都是Retina（视网膜屏幕）是一种显示技术 可以将把更多的物理像素点压缩至一块屏幕里，从而达到更高的分辨率 并提高屏幕显示的细腻程度。那么它就会一个csspx对应4个物理像素点

引用概念：

在实际开发中，当一个50 ×50像素（CSS像素）的图片直接放到iPhone 6/7/8设备中显示时，图片会被放大，变成原来的两倍（iPhone 6/7/8的设备像素比为2），即100 ×100。为了避免图片放大后模糊，我们可以预先制作一张100 ×100的图片，然后在网页中手动设置这个图片的样式，将图片的宽和高都设为50像素。这样，这张图片就会以它原本的像素（100 ×100）来显示，保证了图片的原有清晰度。