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

【问题标题】：<div> width crashes iPad's iOS5 Safari browser<div> 宽度崩溃 iPad iOS5 Safari 浏览器
【发布时间】：2011-11-10 20:48:46
【问题描述】：

我有一个由十张 1024 像素宽的幻灯片组成的可滑动的轮播式 Web 应用程序。当我将内容层宽度设置为 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 处理这样的宽度有什么建议吗？浏览器可以处理的内容宽度是否有限制？

谢谢。

【问题讨论】：

我能够对此进行更多的归零。应用 translate3D 属性时似乎会崩溃，因此完整的 css 内容如下所示：
...然后，我通过 jQuery 应用变换

标签： css ipad safari html

【解决方案1】：

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

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

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

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

【讨论】：

我能够对此进行更多的归零。应用 translate3D 属性时似乎崩溃了，因此完整的 css 内容如下所示：
然后，我通过 $('#content').css('-webkit-transform', 'translate3D(' + x + 'px,' + y + 'px, 0px)') 使用 jQuery 应用转换；