不应该证明平均像素完美吗?

时间:2011-02-03 10:10:35

标签: html css browser text justify

到现在为止,我认为对齐意味着文本将以相同的像素开始和结束,但几个小时前,当我看到这个时,我感到很惊讶:

justify bug

我在2台计算机(win7 + chrome,ubuntu + firefox)中获得了类似的结果,而不仅仅是在这个地方,同一个site还有更多类似的错误。

在我的第二次chec后,我认为这是一般的,我还没有注意到,但其他网站没有显示这种奇怪的行为。刷新网站并重新启动浏览器也没有解决它。

有没有人注意到这个?是什么导致这个?

3 个答案:

答案 0 :(得分:2)

实际上,这可能是预期的行为。与kerning一样,它是关于外观,而不是像素完美。有了正当理由,试图实现的外观在文本栏的两侧都是直边。

让像“k”这样的不均匀右边缘的字母突出超过像“n”这样的字母的直边,有助于在视觉上给出这种外观。这是因为Gestalt psychology,它处理我们如何感知形状,你也可以看到它发生在行的开头:

enter image description here

如果Webkit比IE的引擎更好地处理文本再现的细微差别,那就不会让我感到惊讶了 - 它是像{@ p>这样的桌面出版软件中的a feature

答案 1 :(得分:1)

应该是因为字符宽度是可变的,像素是这里的最小单位,并且填充空格,空格有时可以计算舍入的浮点数。

无论如何,你真的不应该担心这是可读性的主要原因而不是设计变幻莫测。

答案 2 :(得分:0)

之前关于这是一个感知问题的观点是有效的,但也有点接受一个最好的情况,其中理由是在正确/良好的基础上完成。值得一提的是,正确的文本理由实际上相当困难,浏览器使用的算法并不是那么好。 This Hacker News thread有一堆应该感兴趣的笔记和链接。