像素
设备独立像素
window.devicePixelRatio
屏幕的物理像素尺寸
window.screen.width
window.screen.height
调试
模拟调试
谷歌：
火狐：
真机调试：weinre、debuggap、ghostlab。同时保证设备和服务器的网络相通。
视口viewport
获取viewport大小
document.documentElement.clientWidth;
document.documentElement.clientHeight;
pc端:浏览器的可视大小。viewport中子元素当超出viewport的大小时：viewport为具体值时，会出现滚动条；当viewport宽高设为100%时，会自动换行；当子元素也设为百分比，可以不出现滚动条和换行。
移动端：layout viewport和ideal viewport
默认视口大小，layout viewport同样是
document.documentElement.clientWidth;
document.documentElement.clientHeight;
理想视口ideal viewport，即设备屏幕区域
window.screen.width
window.screen.height
屏幕适配
name="viewport"说明当前meta标签是用来设置viewport的属性的，这个属性只有在移动端才会有效。
控制缩放：nitial-scale = ideal viewport/layout viewport
控制缩放
maximum-scale//最大缩放比例
minimum-scale//最小缩放比例，也是打开默认状态下的
user-scalable//是否可以缩放，yes，no
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,user-scalable=no">
webstorm中快捷键meta:vp+tab
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
