这里谈论到物理像素和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)来显示,保证了图片的原有清晰度。