Android 显示矩形而不是空白答案

【问题标题】：Android displays rectangle instead of white spaceAndroid 显示矩形而不是空白
【发布时间】：2012-02-06 12:51:48
【问题描述】：

我的 Android 浏览器经常出现问题。这是一个移动网站而不是 webview。事情就这么简单

   <li>
        Some Text
   </li>
   <li>
        Some Text
   </li>

在任何地方都可以很好地呈现，但在 Android 中，在列表项之间我得到一个小矩形，（就像在这个字体矩形中找不到的字符）。我只能假设在我的代码中存在一个换行符或空格字符，除了 Android 之外的任何地方都可以识别。它非常烦人，我还没有找到关于这个主题的任何文档。有时我不得不求助于“耶稣鱼”黑客来摆脱它。对于那些不知道这个 hack 的人来说，它是 ie6 处理空格和换行 hack 的最后手段，看起来像这样：

    <li>something</li
    ><li>something</li
    ><li>something</li>

如果有帮助，我正在使用 IntelliJ IDE。有谁知道为什么会这样？

【问题讨论】：

我遇到了同样的问题。很奇怪。
你使用的是Foundation js包吗？
@RightHandedMonkey 没有。至少可以想象 Foundation 使用了有问题的 CSS。

标签： html mobile android-browser

【解决方案1】：

真正的正确答案是...

检查您的 CSS 规则。如果您有text-rendering:optimizeLegibility，那么这些框只会出现在 Android 设备中。

我通过将我的 CSS 文件切成两半，然后再切成两半，依此类推，直到方框消失，才发现了这一点。缩小 CSS 中的位置后，我重新添加了我删除的最后一点，然后我一次删除了一个规则。最终，我发现了有问题的 CSS 规则并进一步缩小了范围。所以，简而言之，这是正确的答案。

查看前：

违规的 CSS：

删除规则后：

Google 也有这个错误报告： http://code.google.com/p/android/issues/detail?id=15067&q=text-rendering&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars

【讨论】：

好发现这特别难以追踪。谢谢谷歌。

【解决方案2】：

尝试在 Notepad 或 Notepad++ 上编辑相同的文件（修复删除列表之间的所有空格）并添加间距并再次验证，可能您的 IDE 正在添加一些字符。

如果您有 notepad++，您可能希望使用“编码”菜单将其转换为 UTF-8，同时将字符集定义添加到文档的添加中。

【讨论】：