Webkit（在钛桌面内部）缩小了字体。

Question

这个问题在所有文本上都会出现，不管它是表格、div还是其他什么。你可以看到，在每个文本元素的右侧，都少了1-2像素。添加padding也没有用。请问有什么建议吗？

- Tigra

---

这个外观是由什么 HTML 和 CSS 生成的？请展示你的代码。 - Jim DeLaHunt

你所说的“Titanium Desktop”是指来自Appcelerator的应用程序开发环境吗？如果能清晰地描述上下文，那么你的问题会更有力。 - Jim DeLaHunt

钛桌面 = 使用钛工作室构建的桌面应用程序，它具有嵌入式 WebKit 并使用纯 HTML/CSS。根据代码，它发生在普通的 span 上，没有 CSS。因此，如果我说 <span>anything</span>，这将是代码。 - Tigra

Answer 1

您可以尝试以下解决方案来解决 Webkit 浏览器的问题。
将按钮 span 替换为您的文本类。

@media screen and (-webkit-min-device-pixel-ratio:0) { /* 仅适用于 Safari 和 Google Chrome - 修复边距 */ 您的类名 { margin-top: –1px; } }

- Sato

Answer 2

你是否设置了viewport meta标签来指定它的宽度和缩放比例？也许这会有所帮助？在Apple dev docs中有相关文档。

- skypanther

Answer 3

你可以尝试使用-webkit-font-size-adjust。

在这里查看更多信息：

http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/

- Trav McKinney

Answer 4

这可能是由于以下原因：

1. 继承的 CSS 属性

2. 如果 CSS 似乎未解决问题，请检查 HTML 文档类型。某些标签虽然在罕见情况下不适用于特定的文档类型。

3. 在 CSS 中使用 !important 属性来强制执行某个规则，该规则会放弃所有其他规则。

- TheTechGuy

---

正如我已经注意到的那样，这种情况发生在只有一个span标签的清晰HTML文件中，没有任何CSS，尝试了这个问题中建议的一切。我分发程序给的每个用户都有同样的问题。HTML5的Doctype已经指定...尝试了重置，尝试了一切。如果在其他Windows机器上安装钛工作室会导致相同的行为，这很有趣。肯定有一些常见的CSS重置，但是我尝试了所有我找到的和在这里建议的东西... - Tigra

Answer 5

尝试将<span>元素设置为display: inline-block，并给它们添加一个负的text-indent属性（嵌套在仅适用于Webkit浏览器的媒体查询中）。

- Fabrizio Calderan

Answer 6

我已经试图处理这个问题一个月了。这是我尝试并发现的，但我无法得到实际解决方案；

我一直关注着这个帖子，不幸的是没有任何作用。

尝试了几个简单的HTML文档，使用了可能的DOCTYPE、CSS、字体大小、字体样式重置等，但都没有奏效。

我发现；在使用远程URL时，它似乎能很好地工作，渲染也很好。但使用嵌入式HTML页面会引起问题。

在Titanium的问题列表中；我发现他们表示这是一个Webkit bug。 https://jira.appcelerator.org/browse/TIDESK-136

解决方案可能是升级Webkit版本，但Titanium在Webkit上具有许多功能。因此升级不会是一项容易的任务。

- burak altundal

---

谢谢您的回复，至少我知道我在这个问题上不是孤单的 :) - Tigra

Answer 7

在Windows中，我解决TideSDK中的这个问题的方法是对相关字体执行以下操作：

font-weight: 600;

也许不是您应用程序的最佳解决方案（也许您不想为字体添加任何空间或重量，因为似乎您可能有一个更大的数据表要显示），但对我的客户来说是可以接受的。

- Andrew