到现在为止,我认为对齐意味着文本将以相同的像素开始和结束,但几个小时前,当我看到这个时,我感到很惊讶:
我在2台计算机(win7 + chrome,ubuntu + firefox)中获得了类似的结果,而不仅仅是在这个地方,同一个site还有更多类似的错误。
在我的第二次chec后,我认为这是一般的,我还没有注意到,但其他网站没有显示这种奇怪的行为。刷新网站并重新启动浏览器也没有解决它。
有没有人注意到这个?是什么导致这个?
答案 0 :(得分:2)
实际上,这可能是预期的行为。与kerning一样,它是关于外观,而不是像素完美。有了正当理由,试图实现的外观在文本栏的两侧都是直边。
让像“k”这样的不均匀右边缘的字母突出超过像“n”这样的字母的直边,有助于在视觉上给出这种外观。这是因为Gestalt psychology,它处理我们如何感知形状,你也可以看到它发生在行的开头:
如果Webkit比IE的引擎更好地处理文本再现的细微差别,那就不会让我感到惊讶了 - 它是像{@ p>这样的桌面出版软件中的a feature。
答案 1 :(得分:1)
应该是因为字符宽度是可变的,像素是这里的最小单位,并且填充空格,空格有时可以计算舍入的浮点数。
无论如何,你真的不应该担心这是可读性的主要原因而不是设计变幻莫测。
答案 2 :(得分:0)
之前关于这是一个感知问题的观点是有效的,但也有点接受一个最好的情况,其中理由是在正确/良好的基础上完成。值得一提的是,正确的文本理由实际上相当困难,浏览器使用的算法并不是那么好。 This Hacker News thread有一堆应该感兴趣的笔记和链接。