视口 viewport、物理像素(physical pixel)、设备独立像素(density-independent pixel)、设备像素比(device pixel ratio)

Viewport

指真实存在的浏览器可视窗口


viewport

物理像素(physical pixel)

指手机屏幕厂商在设计屏幕时设定的真实物理像素,我们日常所谓的屏幕像素指的就是屏幕物理像素。比如iPhone6的屏幕物理像素是1334*750。

设备独立像素(density-independent pixel)

也就是逻辑像素。

在高分辨率屏幕中,屏幕像素颗粒多且小,单颗像素的大小远远小于传统电脑屏幕或者低分辨率的手机屏幕,因此,同样是占10像素(10px)的文字,在高分辨率屏幕上如果按传统的逻辑显示的话,观感上会小很多(因为单个像素大小要小很多)。


因此引入逻辑分辨率的概念——将多个像素视为一个像素,比如将四个像素合成为一个像素,这样调整过后的分辨率便称为逻辑分辨率。

设备像素比(device pixel ratio)

即物理分辨率与逻辑分辨率之比。

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

推荐阅读更多精彩内容