像素基础

px:css逻辑像素,浏览器使用的
dp、pt:device independent pixels 设备无关像素(物理)
dpr:devicePixelRatio 设备像素缩放比

1px = (dpr)² × dp (实际开发中,一般使用长度换算关系即可)

iphone5: 640 × 1136 (物理像素,分辨率dp)
电脑上显示:320 × 568
dpr = 2

dpi:打印机每英寸可以喷的墨汁点(印刷行业)
ppi:屏幕每英寸的像素数量,即单位英寸内的像素密度

iphone5:
ppi = √(1136²+640²)/4 = 326ppi(视网膜Retina屏,即dpr>=2)
对应表格326ppi属于超高清

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 英寸:这里指的是屏幕主对角线的尺寸,1英寸=2.54cm,5.5英寸约等于14cm(13.97cm) 分辨率:19...
    大笑一声阅读 1,885评论 0 0
  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 19,606评论 5 80
  • 目录 移动端开发的基本观点 像素基础知识 viewport原理解析 弹性布局 响应式设计 1rem的运用 移动端的...
    犯迷糊的小羊阅读 7,931评论 4 18
  • Pixel移动开发像素知识 px:css pixels逻辑像素,浏览器使用的抽象单位 dp,pt:device i...
    Mandy_jin阅读 3,669评论 0 3
  • 俄国作家契珂夫说得好:假如故事中出现了手枪,那就必须让它发射。
    乾木青阅读 1,924评论 0 0