當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML DOM window devicePixelRatio屬性用法及代碼示例


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瀏覽器

相關用法


注:本文由純淨天空篩選整理自taran910大神的英文原創作品 HTML DOM window devicePixelRatio property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。