我在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。有谁知道为什么会这样?
真正正确的答案是......
检查CSS规则。如果您有text-rendering:optimizeLegibility
,则这些框仅出现在Android设备中。
我通过将我的CSS文件切成两半,然后再将一半的文件砍掉等来解决这个问题,直到盒子消失为止。缩小了CSS中的位置后,我重新添加了我删除的最后一个位,然后我一次删除了一个规则。最终,我点击了违规的CSS规则并进一步缩小了规则。所以,简而言之,这是正确的答案。
之前查看:
违反CSS:
删除规则后:
尝试在记事本或Notepad ++上编辑同一个文件(修复删除列表之间的所有空格),然后再添加间距和标识,再次验证,可能是您的IDE正在添加一些字符。
如果你有notepad ++,你可能想使用Encoding菜单将它转换为UTF-8,也可以将charset定义添加到文档的添加中。