Android显示矩形而不是空白

Question

我在Android浏览器中遇到了一个重复出现的问题。这是一个移动网站，而不是webview。事情就像

一样简单

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

渲染很好，但在Android中，在列表项之间我得到一个小矩形（就像在这个字体矩形中找不到的字符）。我只能假设在我的代码中有一个换行符或空白字符，除了Android之外，它在任何地方都被识别出来。它非常烦人，我还没有找到关于这个主题的任何文件。偶尔我不得不诉诸'耶稣鱼'黑客来摆脱它。对于那些不知道这个hack的人来说，它是ie6处理空白和换行的最后一个方法，黑客看起来像这样：

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

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

Answer 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

Answer 2

尝试在记事本或Notepad ++上编辑同一个文件（修复时删除列表之间的所有空格），然后再添加间距和标识，再次验证，可能是您的IDE添加了一些字符。

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