定义如下:
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); };