iphone - 动态加载内容时 Iphone 4 浏览器中的文本模糊

Question

我正在将 Jquery/Jqtouch 库用于 iphone 兼容站点。我现在只在 iPhone 4(不是 2g、3g 或 3gs)中遇到一个问题，即文本在一种特定情况下变得模糊。下面是它是如何发生的

1. 网站有一个通用的 div 容器。

   <div id="container"></div>
   

2. 容器会根据用户操作动态填充内容。下面是执行此操作的函数。

   function loadPage(url, section, callback) {
      $('#container').empty();
      $('#container').load(url + ' ' + section, loadComplete(section));
   }
   

3. 对上述函数的一个示例调用

   loadPage("Data.htm", "#Friends", null);
   

4. 除了容器上的数据量巨大的一种情况(即 #container 高度增加到 1500px+ 不可预测)，基本上所有事情都可以正常工作。现在，如果我用同一容器上不同选项卡的较小数据替换它，那么文本会变得模糊。附上图片

http://i.stack.imgur.com/XE9q4.png

有没有人遇到过这种情况。提前致谢。

Answer 1

尝试关闭除 safari 之外所有正在运行的应用程序。这听起来很疯狂，但我们在 ipad 上遇到了同样的问题，它似乎在某个时候内存不足。关闭所有应用程序即可停止它。另一个似乎有所不同的是 -webkit-overflow-scrolling:touch，如果它没有这个属性，那么它似乎没有描述的问题。