5

我的 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。有谁知道为什么会这样?

4

2 回答 2

13

真正的正确答案是...

检查您的 CSS 规则。如果您有,text-rendering:optimizeLegibility则这些框仅出现在 Android 设备中。

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

查看前:

冒犯小方块的 Droid 屏幕截图

冒犯的 CSS:

违规 CSS 的屏幕截图

删除规则后:

在此处输入图像描述

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

于 2012-03-22T18:16:12.947 回答
0

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

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

于 2012-01-10T02:38:28.400 回答