CSS 像素

CSS 像素—在 CSSpx 前輟表示—是大致對應單個點長高、肉眼也能輕易見到、否則就盡可能小的長度單位。按照定義,CSS 像素是在肉眼一臂之遙的距離下,像素密度(pixel density)為單個 96 DPI 像素的物理尺寸。

這定義當然因為如「輕易見到」或「一臂之遙」之類的不精確、因人而異的用詞,而有很多解釋的空間:像是用戶坐在桌上型電腦前,用戶與那台電腦的距離,其實比手機還遠。

因此,不管屏幕的實際像素密度多少,通常在談到 px 的時候,是為了想辦法讓 96px 與的長度等於1英寸(約 2.54 公分)。換句話說,如果某台手機的像素密度為 266 DPI,而某個元素的長度為 96px,該元素的實際長度為 266 設備像素

深入理解

技術參考

學習它