devicePixelRatio裝置畫素比
關於畫素相關概念可以參閱裝置畫素、獨立畫素和css畫素一章節。
裝置畫素比是裝置畫素與裝置獨立畫素的比:
[JavaScript] 純文字檢視 複製程式碼dpr = 裝置畫素 / 裝置獨立畫素
JavaScript利用window.devicePixelRatio即可獲取,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼console.log(window.devicePixelRatio)
devicePixelRatio值越高,說明裝置顯示的清晰度越高。
谷歌開發者工具可以檢視移動裝置的devicePixelRatio,圖示如下:
相關文章
- 關於裝置畫素比
- 前端-裝置畫素比和viewport前端View
- 說說你對裝置畫素比的理解
- 掌握web開發基礎系列--物理畫素、邏輯畫素、css畫素WebCSS
- canvas畫素畫板Canvas
- 修改畫素
- 什麼是物理畫素和邏輯畫素?
- 用 CSS 做畫素畫CSS
- 畫素畫——明暗基礎
- opencv 修改畫素OpenCV
- 移動前端適配—邏輯畫素和物理畫素前端
- 畫素畫裡的孤獨
- 一加7 Pro後置三攝曝光:後置三攝 4800萬畫素+117度超廣角
- 畫素畫動畫教程:超級馬里奧動畫
- 【風農翻譯】開始畫畫素畫 #4
- 【風農翻譯】開始畫畫素畫 #3
- 【風農翻譯】開始畫畫素畫 #2
- 【風農翻譯】開始畫畫素畫 #1
- 【風農翻譯】開始畫畫素畫 #7
- 【風農翻譯】開始畫畫素畫 #5
- 【風農翻譯】開始畫畫素畫 #6
- 【風農翻譯】開始畫畫素畫 #8
- 雲流化對比UE4畫素流送有什麼優勢?
- 螢幕畫素知識
- 影像行畫素處理
- 實現SLIC演算法生成畫素畫演算法
- 常用的畫素操作演算法:影像加法、畫素混合、提取影像中的ROI演算法
- 影象中的畫素處理
- XDC · 畫素WEB工作室Web
- 手機螢幕畫素排列方式探究 手機螢幕畫素排列方式有哪些?
- 【風農翻譯】畫素寶典 #3 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #2 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #4 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #1:《蔚藍》製作者教你如何做畫素
- 價效比之王 Polycom Studio智慧USB影片裝置
- 榮耀V20與iPhone XS對比評測:4800萬畫素強在哪?iPhone
- 努比亞Z18mini評測:3D曲面玻璃+2400萬畫素3D
- 你真的瞭解css畫素嘛?CSS