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:

删除规则后:

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