web app基础知识(一)

pixel像素基础知识


px:CSS pixels 逻辑像素,浏览器使用的抽象单位

dp,pt

: device independent pixels 设备无关像素

dpr:devicePixelRatio 设备像素缩放比

计算公式:1px=(dpr)² * dp


DPI:打印机每英寸可以喷的墨汁点

PPI:屏幕每英寸像素数量,单位英寸内的像素密度

目前,在计算机显示设备参数描述上,二者意思表达的是一样的

举例,iPhone5为例

ppi=√(1136²+640²)/4=326ppi(视网膜Retina屏)

注意:单位为硬件像素,非px


PPI越高,像素数越高,图像越清晰

但可视度越低,系统默认设置缩放比越大


web app基础知识(一)_第1张图片

Retina屏(高清屏):dpr都是大于等于2

web app基础知识(一)_第2张图片




你可能感兴趣的:(web app基础知识(一))