css中的px与屏幕实际的分辨率的关系

时间:2024-06-03 21:01:53

1.css中的px称为逻辑像素 :也叫“设备独立像素”(Device Independent Pixel, DIP),可以理解为反映在CSS/JS代码里的像素点数。

2.屏幕的分辨率是物理像素:设备屏幕实际拥有的像素点。比如iPhone 6的屏幕在宽度方向有750个像素点,高度方向有1334个像素点,所以iPhone 6 总共有750*1334个物理像素。

他们之前的关系是通过一个DPR来联系的,DPR=物理像素/逻辑像素   

注意的是在浏览器中的手机选项中显示的是手机的逻辑像素。

iphone7的的物理像素1334*750,dpr为2  所以逻辑像素为667*375

css中的px与屏幕实际的分辨率的关系

具体参考下路的博客:

http://www.mamicode.com/info-detail-2396539.html