桌面 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 文本渲染的主要内容,如果未能解决你的问题,请参考以下文章