CSS - 測量單位和屏幕分辨率：什麼是參考像素？

Question

嗨，那裏！我正在閱讀關於測量單位（https://www.w3.org/TR/css-values-3/#reference-pixel）的W3C規範，事實是我不明白什麼是參考像素。你們可以向我解釋一下，或者指出另一個更容易理解的參考或解釋。另外我不確定我是否真的瞭解單位和測量的其他內容。哈哈。真的，那似乎太難了。 謝謝！

Answer 1

參考像素是一種嘗試標準化「像素」在網頁開發中的含義。這很重要的原因是因爲像素的物理測量可能會根據顯示器的像素深度而發生很大變化。

例如，舊CRT顯示器每英寸有72個像素，而iPhone 7+每英寸有401個像素。因此，100px的文字測量值將是CRT顯示器上的1.39英寸和iPhone上的0.25英寸。

本文還有一個很好的解釋，幫助我更好地理解它。

列表除了 「A Pixel Identity Crisis」 由Scott Kellum。 2012

1月17日，「W3C的當前定義的參考像素爲所有 基於像素的測量的標準。現在，而不是每一個基於像素的 測量是基於硬件的像素它是基於光學 參考單元的尺寸可能是硬件像素尺寸的兩倍新像素在所有觀看情況下應該看起來完全相同......「

」當使用手持的手機時，參考像素將爲 在屏幕上比從遠處觀看的投影更小如果 觀衆握住他們的手機，因此它與並排投影，不管設備具有的分辨率或像素密度如何，像素大小看起來應該是相同的。當適當地實施 時，無論像素密度還是 觀看距離，該新標準將在所有平臺上的所有設計上提供前所未有的穩定性。「