我的 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。有谁知道为什么会发生这种情况?
最佳答案
真正正确的答案是...
检查您的 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
关于html - Android 显示矩形而不是空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8797706/