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

标签 html css browser text justify

到目前为止,我认为 justify 意味着文本将以同一像素开始和结束,但几个小时前,当我看到这个时,我感到很惊讶:

justify bug

我在两台电脑(win7+chrome、ubuntu+firefox)中得到了类似的结果,而且不仅仅是在这个地方,在同一个site上还有更多类似的错误.

在我第二次检查之后,我认为这是普遍现象,我只是还没有注意到,但其他网站没有表现出这种奇怪的行为。刷新网站并重新启动浏览器也没有解决问题。

还有人注意到这一点吗?这是什么原因造成的?

最佳答案

实际上,这很可能是有意的行为。与 kerning 一样这是关于外观,而不是像素完美。有理由认为,试图实现的外观是文本列两侧的直边。

让右边缘不平坦的字母(例如“k”)突出到字母(例如“n”)的直边缘之外,有助于在视觉上呈现出这种外观。这是因为Gestalt psychology ,它涉及我们如何感知形状,您也可以看到它发生在行的开头:

enter image description here

如果 Webkit 比 IE 引擎更好地处理文本再现的细微差别,我不会感到惊讶 - 它是 a feature Adobe InDesign 等桌面出版软件。

关于html - 不应该证明平均像素完美吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4884766/

相关文章:

javascript - 为什么在执行 Javascript 时没有触发浏览器的重排?

javascript - 为什么此页面不会加载到 iframe 中?

html - Bootstrap margin - 断行

css - 为什么 <table mat-table> 不应用 flexbox 属性?

php - 通过平板电脑加载 Web 应用程序失败

javascript - Textarea 在 IOS 上只允许输入一个字符。如何解决?

javascript - 将div附加到页面导致整个页面跳转

css - 响应式 CSS : Can I force rendering of alt text?

google-chrome - Chrome 忽略主机文件

android - android 网络浏览器是否允许上传刚从相机拍摄的照片?