<div>宽度崩溃了iPad的iOS5 Safari浏览器</div>

时间:2011-11-09 17:49:45

标签: css ipad safari html

我有一个可滑动的旋转木马式网络应用程序,由10个1024px宽的幻灯片组成。当我将内容图层宽度设置为10240px时,Safari会在应用加载时间歇性地崩溃。像这样:

<div id="view" style="width:1024px;height:748px;overflow:hidden">
   <div id="content" style="width:10240px;height:748px;">
     content 
   </div>
</div>

有关如何为iPad的Safari处理这样宽度的任何建议吗?浏览器可以处理多大的内容是否有限制?

感谢。

1 个答案:

答案 0 :(得分:1)

自从我第一次看到这个问题以来,我一直在考虑这个问题。我确定我在这里发现了一个帖子,其中有人在制作一个巨大的图像网格时遇到了类似的问题(它达到了一定的宽度而且崩溃了)。我在stackoverflow中查找了有关浏览器最大宽度的信息。这里:

HTML Maximum Browser Width(firefox和chrome 12.000px,未指定的浏览器9.000px)

Is there a maximum width a webpage can be?(取决于您设备的内存容量)。

我认为我正在谈论的帖子在9.000px左右出现了这个问题。为什么不尝试使用较小的图像(每个890像素),只是为了测试,看看你是否遇到了同样的问题。并发布结果,随着越来越多的大型网站,这个问题对其他人非常有用。