设备像素比devicePixelRatio

定义如下：

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

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

本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持，随着显示器的发展，这个属性也慢慢登上了前端技术的舞台。

HTML代码：

<input type="button" id="button" value="点击弹出window.devicePixelRatio" />

JS代码：

document.getElementById("button").onclick = function() {
    alert(window.devicePixelRatio);	
};