css3-物理与逻辑像素

css3-物理与逻辑像素

vw和vh是css3中的新单位，是一种视窗单位，在移动端中也同样适用。
①窗口宽度固定为100vw，将窗口宽度平均分成100份，1份是1vw
②窗口高度固定为100vh ，将窗口高度平均分成100份，1份是1vh

vw、vh新单位

vmin与vmax：
vmin：vw和vh中较小的那个。
vmax：vw和vh中较大的那个。

屏幕尺寸

屏幕尺寸指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米
比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等

如何计算手机尺寸？
知道手机屏幕的长和宽，然后利用勾股定理，就可以算出斜边的长了。还有个更简单的方法，只要用尺子量一下它的对角线是多少厘米，然后再换算成英寸就搞定了。

物理像素–UI设计师像素

物理像素/屏幕分辨率/物理分辨率：
屏幕分辨率是屏幕像素的数量，一般用屏幕宽度的像素点乘以屏幕高度的像素点，指的是设备屏幕实际拥有的像素点。
单位：px，即1px=1个像素点
比如iPhone 6的屏幕在宽度方向有750个像素点，高度方向有1334个像素点，所以iPhone 6 总共有750px*1334px个物理像素
注意：屏幕分辨率即物理像素是固定的，这是厂商在出厂时就设置好的，也就是说一个设备的分辨率是固定的

物理像素–UI设计师像素<