物理与逻辑像素

移动端开发经常遇到一些概念：物理像素、逻辑像素、像素密度、像素比等，本节来详细介绍下

关键词：
屏幕尺寸、物理像素/屏幕分辨率/物理分辨率、逻辑像素DIP、像素密度PPI、像素比DPR、视网膜显示屏Retina、vw、vh等。

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

PS：现在开发移动端页面主要有两种方法vw与vh、rem两种。rem方式经常结合js做移动端自适应页面适配，之后课程再做介绍。
vmin与vmax：-----开发一般不用，简单了解即可
vmin：vw和vh中较小的那个。
vmax：vw和vh中较大的那个。

有效可视区域/安全区
有效可视区域/安全区：
当下比较流行的屏幕分辨率有1024×768、1366×768、1280×800、1280×1024、1440×900、1600×900、1920×1080等。
设计网页时要考虑好浏览器的分辨率，主流的浏览器有IE,谷歌，火狐，欧朋等。
什么叫浏览器的有效可视区域呢？
通俗比如打开一个网页后，刨除浏览器的工具栏和侧边栏等，真正显示内容的地方，如下图：