怎麼理解物理畫素和CSS畫素?

2021-08-08 17:17:43 字數 634 閱讀 9394

很不理解這段話:

後來隨著技術的發展,移動裝置的螢幕畫素密度越來越高,從iphone4開始,蘋果公司便推出了所謂的retina屏,解析度提高了一倍,變成640x960,但螢幕尺寸卻沒變化,這就意味著同樣大小的螢幕上,畫素卻多了一倍,這時,乙個css畫素是等於兩個物理畫素的。

還有乙個因素也會引起css中px的變化,那就是使用者縮放。例如,當使用者把頁面放大一倍,那麼css中1px所代表的物理畫素也會增加一倍;反之把頁面縮小一倍,css中1px所代表的物理畫素也會減少一倍。

為什麼放大後css裡面1px對應的物理畫素反而增加了?不應該是減少了嗎?

解釋:

答案對人有幫助,有參考價值

0答案沒幫助,是錯誤的答案,答非所問

只討論寬或高,面積自己乘。

使用者把頁面放大(手指向外滑動,看到元素變大)一倍,那麼css中1px所代表的物理畫素也會增加一倍。

1.100px的div不管放大縮小永遠都是100px,因為這就是元素單位。

2.200物理畫素的裝置,不管放大縮小永遠都是200物理畫素,因為螢幕硬體是死的。

3.200物理畫素剛好放下兩個100px的div時,1px=1物理畫素。

4.頁面放大,200物理畫素只能看到1個100px的div時,請問1px等於多少物理畫素。

公釐和畫素怎麼換算 畫素和厘公尺怎麼換算?

畫素 px 和厘公尺是不能直接轉換的,畫素 px 是相對單位,相對你電腦解析度來說的 而厘公尺是長度單位,因此,二者是不能直接轉換的。畫素和厘公尺是不能直接轉換的,只有根據分辯率 dpi 進行轉換。例如說明如下 平時經常使用72和300dpi,電腦顯示器用72dpi,用300dpi。那麼畫素和厘公尺...

物理畫素與邏輯畫素相關概念

物理畫素dp physical pixel 邏輯畫素 裝置獨立畫素dip device independent pixels 裝置畫素比dpr device pixel ratio 螢幕畫素密度ppi pixel per inch 每英吋的畫素dpi dots per inch 1 物理畫素 phy...

關於移動段裝置物理畫素和css畫素的一點研究

拿ip6為例 375 667指的到底是什麼?答案 css邏輯解析度 研究過程,我們把ip6的物理水平尺寸 也就是螢幕寬度 算出來 大概是5.9cm 尺子量的,不會特別精確 換算成in的話2.3228,先驗證ppi 官方給出的ppi是326,用1334 2.3228大致就是322,驗證成立。接下來需要...