理解基礎的像素概念
-
物理像素:即實際的每一個物理像素,也就是移動設備上每一個物理顯示單元(點)
-
設備邏輯像素(css中的px):可以理解為一個虛擬的相對的顯示塊,與物理像素有著一定的比例關系,也就是下面的設備像素比
-
設備像素比(dpr):= 物理像素 / 設備獨立像素(px)
即dpr等于1時,1px=1物理像素,依次類推,
dpr !==1 時導致圖片模糊
- 在1dpr的螢屏上,位影像素和物理像素一一對應沒什么問題,但是在retina屏上,由于一個px由4個甚至更多的物理像素組成,并且單個位影像素不能進一步分割,所以會出現就近取色的情況,如果取色不均,那么就會導致圖片模糊, 對于這種情況,只能采用@2x、@3x這樣的倍圖來適配高清展示,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/241806.html
標籤:其他
上一篇:JavaScript--總結一(變數+資料型別+運算子)
下一篇:react-antd JYadmin 封裝的優秀后臺模板集成方案("^1.0.0") -- 第2節:【react+antd layout-路由模塊】
