2012-10-15 15 views
2

什么是巨大的元素,如旋转木马元素的图像容器的理论问题。是否有任何理由为什么固定的容器宽度为10,000px或1,000,000px会有区别?表演成为现实问题的哪一点?CSS巨大元素宽度(100.000 + px)有什么可能的问题?

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

+3

通常情况下,问题会涉及到内存消耗和更精确的特定浏览器如何处理这种大量元素... – bodi0

回答

1

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

为了确保您不会磨碎浏览器(或操作系统)以停止操作,并且如果您确实必须拥有容量很大的容器,请确保为内容使用某种延迟加载。空格不是问题。

看到这个问题的一些数字Determine Maximum Possible DIV Height

+0

的链接提供了一些具体的数字我后。尽管宽度/高度与渲染的角度不同,但不同浏览器的大小和差异可能相似。 – Marcus

3

我只是在10,000px,100,000px和1,000,000px测试这一点。它在毫秒内呈现相同。我在Chrome中使用了Google开发者工具。

<html> 
<head></head> 
<body> 
<div style="width:100000px;background:#000;height:100000px;">&nbsp;</div> 
</body> 
</html>