桌面 Webkit 与 iOS Webkit 文本渲染

Posted

技术标签:

【中文标题】桌面 Webkit 与 iOS Webkit 文本渲染【英文标题】:Desktop Webkit vs iOS Webkit text rendering 【发布时间】:2013-07-20 15:25:21 【问题描述】:

Safari Webkit 在 OSX 桌面版本中的渲染类型完全与在 ios 中的渲染类型相同吗?

例如,如果您有一个包含文本块的元素,字形是否呈现相同或略有不同的宽度,以便累积文本可以以不同的行数结束?

是否还有其他注意事项,例如抗锯齿?

【问题讨论】:

【参考方案1】:

桌面上的 webkit 和移动设备上的 webkit 呈现的并不完全相同。例如,具有水平滚动的 div 在 iOS 中可能会同时显示垂直和水平滚动。进一步对比见下表:http://www.quirksmode.org/webkit.html

编辑:要完全回答您的问题,类型在移动设备和桌面设备上的呈现方式并不完全相同。即使更改字体大小也会导致渲染看起来不同。所以,不,字体会有像素差异。 http://blog.typekit.com/2011/01/26/css-properties-that-affect-type-rendering/

【讨论】:

非常感谢您提供的链接!虽然我看不到有关类型渲染的信息,所以我将把这个问题留得更久。

以上是关于桌面 Webkit 与 iOS Webkit 文本渲染的主要内容,如果未能解决你的问题,请参考以下文章

使用-webkit-overflow-scrolling时触摸的iOS textarea文本:touch

iOS Webkit 只读输入可选?

如何连接到 iPhone 的 webkit 调试器?

node-webkit:开发桌面+WEB混合型应用的神器

iOS:WebKit内核框架的应用与解析

光标与 iOS(webkit)上的输入未对齐