devicePixelRatio屬性返回當前設備的物理像素分辨率與CSS像素分辨率的比率。簡而言之,此屬性還告訴瀏覽器應使用多少屏幕實際像素來繪製單個CSS像素。這是一個隻讀屬性。
用法:
value = window.devicePixelRatio;
返回值:返回一個雙精度浮點值,該值指示顯示器的物理像素分辨率與CSS像素分辨率的比率。
例:在此示例中,我們將使用此屬性獲得比率。
<!DOCTYPE HTML>
<html>
<head>
<title>window devicePixelRatio property</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>
HTML | window devicePixelRatio property
</p>
<button onclick = "Geeks()">
Click Here
</button>
<p id="a">
</p>
<script>
var a = document.getElementById("a");
function Geeks() {
a.innerHTML="devicePixelRatio is:
"+window.devicePixelRatio;
}
</script>
</body>
</html>
輸出:
單擊按鈕之前:
單擊按鈕後:在標準縮放設備上,PixelRatio為1.25
支持的瀏覽器:
- 穀歌瀏覽器
- Edge
- Firefox
- Safari
- Opera
- IE瀏覽器
相關用法
- HTML Window closed用法及代碼示例
- HTML Window parent用法及代碼示例
- HTML Window status用法及代碼示例
- HTML DOM Window performance屬性用法及代碼示例
- HTML DOM window crypto屬性用法及代碼示例
- HTML DOM window customElements屬性用法及代碼示例
- HTML DOM window event屬性用法及代碼示例
- HTML DOM window document屬性用法及代碼示例
- HTML DOM Window origin屬性用法及代碼示例
- HTML DOM Window scrollX屬性用法及代碼示例
- HTML DOM Window speechSynthesis屬性用法及代碼示例
- HTML DOM Window visualViewport屬性用法及代碼示例
- HTML DOM Window navigator屬性用法及代碼示例
- HTML DOM Window scrollMaxY屬性用法及代碼示例
- HTML DOM Window scrollMaxX屬性用法及代碼示例
- HTML DOM Window scrollY屬性用法及代碼示例
注:本文由純淨天空篩選整理自taran910大神的英文原創作品 HTML DOM window devicePixelRatio property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。