devicePixelRatio裝置畫素比
關於畫素相關概念可以參閱裝置畫素、獨立畫素和css畫素一章節。
裝置畫素比是裝置畫素與裝置獨立畫素的比:
[JavaScript] 純文字檢視 複製程式碼dpr = 裝置畫素 / 裝置獨立畫素
JavaScript利用window.devicePixelRatio即可獲取,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼console.log(window.devicePixelRatio)
devicePixelRatio值越高,說明裝置顯示的清晰度越高。
谷歌開發者工具可以檢視移動裝置的devicePixelRatio,圖示如下:
相關文章
- devicePixelRatio裝置畫素比介紹dev
- 關於裝置畫素比
- 前端-裝置畫素比和viewport前端View
- 裝置畫素、獨立畫素和css畫素CSS
- 裝置畫素和css畫素簡單介紹CSS
- 什麼是物理畫素、虛擬畫素、邏輯畫素、裝置畫素,什麼又是 PPI, DPI, DPR 和 DIP
- canvas畫素畫板Canvas
- 掌握web開發基礎系列--物理畫素、邏輯畫素、css畫素WebCSS
- 裸裝置、字元裝置、塊裝置不全面比較字元
- 用 CSS 做畫素畫CSS
- 畫素畫——明暗基礎
- opencv 修改畫素OpenCV
- 移動前端適配—邏輯畫素和物理畫素前端
- 【風農翻譯】開始畫畫素畫 #2
- 【風農翻譯】開始畫畫素畫 #1
- 【風農翻譯】開始畫畫素畫 #3
- 【風農翻譯】開始畫畫素畫 #8
- 【風農翻譯】開始畫畫素畫 #7
- 【風農翻譯】開始畫畫素畫 #5
- 【風農翻譯】開始畫畫素畫 #4
- 【風農翻譯】開始畫畫素畫 #6
- 畫素畫動畫教程:超級馬里奧動畫
- 影像行畫素處理
- 螢幕畫素知識
- OpenGL中的畫素操作
- 實現SLIC演算法生成畫素畫演算法
- 【風農翻譯】畫素寶典 #1:《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #2 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #3 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #4 《蔚藍》製作者教你如何做畫素
- 常用的畫素操作演算法:影像加法、畫素混合、提取影像中的ROI演算法
- 常用的畫素操作演算法:影象加法、畫素混合、提取影象中的ROI演算法
- iPhone 6s或繼續採用800萬畫素後置攝像頭iPhone
- 遊戲微科普:畫素的魅力遊戲
- XDC · 畫素WEB工作室Web
- 影象中的畫素處理
- 畫素相關概念總結
- 超畫素(Superpixel)理解