px 去死，ch 万岁

像素是一个谎言。即使您认为自己正在以“像素完美”的精度绘制某些内容，您的显示器也会对您撒谎。不存在柏拉图式的完美正方形网格。在 CSS 中，像素是一个双重谎言：请注意，1px 并不一定等于一个物理设备像素。在高清显示器上，它可能跨越多个物理像素。同样，CSS 中的 1 厘米通常不对应 SI 米的百分之一。在大电视屏幕上，它通常比这个长。长度是感性的：在典型观看距离下，16 像素在手机、笔记本电脑或电视屏幕上看起来大致相同。该博客主要基于文本。我希望文本的宽度对于普通人来说是可读的。因此，我没有将主宽度设置为屏幕的百分比，而是使用 ch 单位根据字符宽度进行设置 - 这不完全是一个字符，但足以满足我的目的： ⧉ CSS --width-content : min (75ch, 100%); main { 最大宽度 : var ( --width-content );当涉及到填充和边距时，也是如此。如果我想要一个元素周围有一个间隙，我希望该间隙与其内部的文本成比例。对于宽度，重新使用 ch 单位是有意义的。我希望间隙与文本成比例。但是对于 height ，也许在字符宽度上表达垂直距离没有意义？在这种情况下，可以使用 ex 装置。它的大小与典型的小写字母相同。就像我从 HTML 中消除 CSS 类的想法一样，这可能会走得太远。我没有将每个引用从 px 更改为 ch，我只是尝试看看它是否有效。使用 px 或任何其他度量单位并没有什么错误、不道德或邪恶。使用 ch 和 ex 适合我的特殊倾向。