一篇文章告诉你 1px 等于多少 cm 您所在的位置:网站首页 5000px等于多少cm 一篇文章告诉你 1px 等于多少 cm

一篇文章告诉你 1px 等于多少 cm

2023-09-13 01:04| 来源: 网络整理| 查看: 265

ppi、dp、pt、px、dpr、vw、rem、em、物理像素、逻辑像素……懵就对了!

结论

明白结论说什么的,可跳过此文

以下物理大小单位为 inch:

物理像素的物理大小 = 1/ppi1dp 物理大小 = ppi/160 * 1物理像素物理大小 = ppi/160 * 1/ppi = 1/1601 css逻辑像素物理大小= dpr * 1物理像素物理大小 = dpr * 1/ppi当 ppi 和 dpr 正相关时,1 css逻辑像素物理大小不变,此时,css 逻辑 px 和 android dp 和 ios pt 类似 名词解释

以一个例子来看这些名词:iphone7 分辨率 750*1334,ppi 326,尺寸 4.7 inch,浏览器未缩放的视口大小 375*667,dpr 2

物理像素,设备能控制显示的最小物理单位,iphone7 分辨率 750*1334 指的是物理像素逻辑像素,虚拟的,css 使用的就是逻辑像素,视口大小 375*667 说的是逻辑像素dpr,Device Pixel Ratio,dpr = 物理像素数 / 逻辑像素数设备尺寸,指设备对角线长度,如 4.7 inchppi,像素密度,每英尺像素数,计算方式:物理像素数/设备物理大小,对于 iphone7: (750^2+1334^2)^0.5 / 4.7 = 326dp,密度无关像素,android 使用较多,是 160 ppi 下 1 个物理像素的物理尺寸 物理像素的物理大小

参照 ppi 可知: 物理像素的物理大小 = 设备物理大小/物理像素数 = 1/ppi

1dp 物理大小

1dp 物理大小 = ppi/160 * 1物理像素物理大小 = ppi/160 * 1/ppi = 1/160 inch = 0.00625 inch = 0.015875 cm = 0.15875 mm

css 1px 物理大小

1 css逻辑像素物理大小= dpr * 1物理像素物理大小 = dpr * 1/ppi 对于 iphone 来说,如果 dpr 是 2,1px = 2 * 1/326 = 0.006135 inch = 0.01558 cm = 0.1558 mm,跟 1dp 差不多

h5 适配

本文是看 h5 适配方案的副产品,最后提一下,根据以上推断,可认为: 当 ppi 和 dpr 正相关时,1 css逻辑像素物理大小不变,此时,css 逻辑 px 和 android dp 和 ios pt 类似 此时,h5 适配只需要根据视口大小调整 css 像素进行缩放(淘宝现在采用的方案?)

后记

对各种单位的理解一直比较模糊,今据搜索信息做点计算、推断,如有错误请多指教。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有