AI日报｜别再迷信像素完美了
你以为1px就是屏幕上的一个物理像素？太天真了。CSS里的px本身就是个谎言——在高清屏上，1px可能跨越多个物理像素，而1cm在55寸电视上比实际长得多。这些单位都是“感知性”的，16px在手机、笔记本、电视上看起来差不多，是因为它们被设计成在典型观看距离下视觉一致。所以，你的显示器从一开始就在骗你。
如果你做的是文字为主的博客，为什么还要用百分比或vw来定宽度？作者的做法很简单：用ch单位。ch大致等于一个字符的宽度，把主内容区设为min(75ch, 100%)，意味着一行最多容纳75个字符——这是公认的最舒适阅读长度。不管屏幕多大、字体多小，阅读体验始终一致。这才是真正以内容为中心的设计，而不是以设备为中心。
不只是宽度，padding和margin同样可以用ch来定义。如果你想让元素周围有个“呼吸感”的间隙，这个间隙应该跟文字大小成比例，而不是拍脑袋写个32px或2rem。水平间距用ch没问题，但垂直方向呢？这时候ex单位就派上用场了——它等于小写字母x的高度，也就是“行高”的自然参照。用ex做垂直间距，能让上下留白更协调。
你还在用px做响应式设计吗？评论区聊聊你的看法！ AI日报 科技 程序员