css - <div> 宽度使 iPad iOS 5 Safari 浏览器崩溃

Question

我有一个可滑动的轮播式网络应用程序，由十张 1024 像素宽的幻灯片组成。当我将内容层宽度设置为 10240 像素时，Safari 在加载应用程序时间歇性崩溃。像这样:

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

关于如何为 iPad 的 Safari 处理这种宽度有什么建议吗？浏览器可以处理的内容宽度是否有限制？

谢谢。

Answer 1

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

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

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

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