2

超宽元素的理论问题是什么,比如轮播元素的图像容器。有什么原因会导致 10,000px 或 1,000,000px 的固定容器宽度之间存在差异?性能在什么时候成为现实问题?

我知道在实践中有更好的方法来做到这一点(比如动态计算宽度)。我只对与巨大元素相关的最大值和问题感兴趣。

4

2 回答 2

3

我刚刚在 10,000 像素、100,000 像素和 1,000,000 像素处进行了测试。它在一毫秒内呈现相同的内容。我在 Chrome 中使用了谷歌开发者工具。

<html>
<head></head>
<body>
<div style="width:100000px;background:#000;height:100000px;">&nbsp;</div>
</body>
</html>
于 2012-10-15T08:56:15.690 回答
1

你不能有一个确切的数字,它取决于操作系统内存管理、浏览器内存管理、物理内存、占用内存(选项卡和其他正在运行的应用程序的数量)等等。

为了确保您不会让浏览器(或操作系统)陷入停顿,并且如果您确实必须拥有一个那么大的容器,请确保对内容使用某种延迟加载。空的 div 不是问题。

有关某些数字,请参阅此问题确定最大可能的 DIV 高度

于 2012-10-15T08:40:05.743 回答