Viewport
指真实存在的浏览器可视窗口
viewport
物理像素(physical pixel)
指手机屏幕厂商在设计屏幕时设定的真实物理像素,我们日常所谓的屏幕像素指的就是屏幕物理像素。比如iPhone6的屏幕物理像素是1334*750。
设备独立像素(density-independent pixel)
也就是逻辑像素。
在高分辨率屏幕中,屏幕像素颗粒多且小,单颗像素的大小远远小于传统电脑屏幕或者低分辨率的手机屏幕,因此,同样是占10像素(10px)的文字,在高分辨率屏幕上如果按传统的逻辑显示的话,观感上会小很多(因为单个像素大小要小很多)。
因此引入逻辑分辨率的概念——将多个像素视为一个像素,比如将四个像素合成为一个像素,这样调整过后的分辨率便称为逻辑分辨率。
设备像素比(device pixel ratio)
即物理分辨率与逻辑分辨率之比。