HeadlinesBriefing favicon HeadlinesBriefing.com

像素是谎言:为何使用 ch 单位

Hacker News •
×

像素是谎言。即使具备“像素级完美”精度,显示器也无法呈现柏拉图式的完美正方形。在 CSS 中,1px 不等于一个物理设备像素;在高清显示器上,它可能跨越多个像素。同样,CSS 中的 1cm 往往不对应一百分之一米,在大屏电视上通常更长。这些长度是感知性的:在典型观看距离下,16px 在手机、笔记本或电视上看起来大致相同。这个基于文本的博客使用“ch”单位而非屏幕百分比,基于字符宽度设定宽度,以确保可读性。对于间距和边距,作者复用 ch 单位控制宽度比例,用“ex”单位控制高度,关联典型小写字母大小。虽未将所有 px 引用转为 ch,作者仍在实验此法是否奏效,并指出使用 px 无可厚非。此理念契合作者的特定偏好。