移动设备的尺寸

Posted 2021-02-06 jason-beijing

1 point 是物理单位 或者称作磅   1point = 1/72 英寸  1英寸是2.54厘米

2 pixel的物理尺寸是不固定的

3 DPI   dots per inch，dot在显示器里指显示器的物理像素 或者叫实际的像素 每英寸的点数 一般指每英寸的像素数 如果值是72 那么在这个设备里 1 point = 1 pixel

4 PPI  每英寸有多少物理像素

5 苹果的产品ppi一般是72

6 iphone 6 横向375pt 即5.208英寸 （实际横向是2.6英寸）

7 devicePixelRatio 设备像素比 在视网膜屏幕的iphone上，屏幕物理像素640像素，独立像素（ 或者叫CSS 像素分辨率）还是320像素，因此，window.devicePixelRatio等于2.   简单地说，这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个 CSS 像素

8 如果希望网页的元素在高ppi设备上显示不模糊(比如1080x1920屏幕的手机)，位图应该做3倍的尺寸(比如做300*300px的图，然后在css中设width和height为100px)