移动端设备的几个定义

物理像素

设备像素
设备中最微小的一个物理部件,每个像素可以根据操作系统设置自己的颜色和亮度。

设备独立像素

密度无关像素
计算机坐标系统中的一个点,这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素),然后由相关系统转换为物理像素。

css像素(DIPs)

css像素是一个抽象的单位,主要使用在浏览器上,用来精确度量web页面上的内容,一般情况下,css像素称为与设备无关的像素(device-independent pixel),简称 DIPs。

屏幕密度(PPI)

指一个设备表面上存在的像素数量,它通常以每英寸有多少像素来计算。

设备像素比(dpr)

定义了 物理像素和设备独立像素的对应关系。
设备像素比 = 物理像素 / 设备独立像素

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

推荐阅读更多精彩内容

  • 一、meta标签的效果 移动端页面一般会在head头部添加如下meta标签。 该meta标签是否添加对页面渲染的影...
    nimw阅读 3,618评论 0 5
  • 为什么模拟器下iP6的分辨率为375*667而设计图一般给750*1334? PPI:每英寸内有多少物理像素点(设...
    LoveBugs_King阅读 2,197评论 0 0
  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 19,473评论 5 80
  • 我们先从一个听的最多的概念——PPI开始。PPI什么是PPIPPI的复杂之处在于如果他所处的上下文环境不同,意义也...
    garble阅读 679评论 0 1
  • 身边人,自称“吃货”的很多,敢称 “美食家”的却寥寥无几。身边人“会吃”的众多,“会写吃”的寥寥无几。 在江南...
    关月央阅读 438评论 0 0