devicePixelRatio裝置畫素比

admin發表於2018-07-23

關於畫素相關概念可以參閱裝置畫素、獨立畫素和css畫素一章節。

裝置畫素比是裝置畫素與裝置獨立畫素的比:

[JavaScript] 純文字檢視 複製程式碼
dpr = 裝置畫素 / 裝置獨立畫素

JavaScript利用window.devicePixelRatio即可獲取,程式碼如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
console.log(window.devicePixelRatio)

devicePixelRatio值越高,說明裝置顯示的清晰度越高。

谷歌開發者工具可以檢視移動裝置的devicePixelRatio,圖示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/06/004523biassluttiuz3rir.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

相關文章