什么设备的宽度768px_移动端开发，不可不知的设备像素比devicePixelRatio

evicePixelRatio其实指的是window.devicePixelRatio

window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是：window.devicePixelRatio = 物理像素 / dips

dip或dp,(device independent pixels，设备独立像素)与屏幕密度有关。dip常用来辅助区分视网膜设备还是非视网膜设备。

可通过如下代码检测屏幕 window.devicePixelRatio的值:

window.onload=function(){ alert(window.devicePixelRatio);}

所有非视网膜屏幕的iphone在垂直的时候，宽度为320物理像素。当你使用的时候，会设置视窗布局宽度(不同于视觉区域宽度，不放大显示情况下，两者大小一致)为320px, 于是，页面很自然地覆盖在屏幕上。

这样，非视网膜屏幕的iphone上&