Web App 开发相关知识

物理像素与CSS像素

物理像素(physical pixel ),也可叫做设备像素(dp : device pixel)，与设备的物理特性相关，例如屏幕的分辨率，屏幕大小有关。

CSS像素，也可以叫做逻辑像素(logic pixel)，或者设备独立像素(device independent pixel)，实际开发中使用的就是CSS像素。

设备像素比(dpr : device pixel ratio), dpr=设备像素/CSS 像素（缩放比是1的情况下）。dpr=1为标清屏，dpr>=2为高清屏。缩放是改变CSS像素。

PPI(pixels per inch), 每英寸的物理像素点i，也可以叫做dpi (dots per inch)。

viewport常用写法

1
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1, minimum-scale=1">

其中width=device-width与initial-scale=1实现的效果相同，是的网页在移动端可以正常显示大小，user-scalable=no与maximum-scale=1,mimimum-scale=1使得用户不能够缩放网页，以免影响布局效果。