Div宽度限制?

时间:2014-07-14 23:48:44

标签: html css

我知道这个问题可能有点奇怪,但我只是不知道并且找不到任何信息(soo也许问题不存在)并且我构建了div宽度取决于用户的页面。是否有一些div宽度限制? 例如,div可以是:

宽度:1000000px

3 个答案:

答案 0 :(得分:0)

本身没有限制,但是一旦开始使用大尺寸,已知某些浏览器渲染速度非常慢。如果您使用此方法,您将需要测试它。此外,您可能会看到一些浏览器出现严重错误的问题。你可能想要坚持10-20k之间的数字。

答案 1 :(得分:0)

基于this SO question,似乎唯一的限制是计算机的可用内存。因此,具有width:1000000px的div是可能的,几乎任何其他宽度都可以。

在宽度足够宽的情况下,可以预见浏览器变得越来越慢。

值得庆幸的是,这不是大多数网站的典型问题......

JSFiddle here。享受滚动。

答案 2 :(得分:0)

在Chrome和Firefox中,由于浏览器通过css处理widthheight的方式,似乎存在限制。在Chrome和Firefox的调试工具中使用inspect元素之后,我发现了this关于它的帖子。

与帖子相反,我发现Firefox的最大值为17895698,Chrome的最高值为33554428

以下是Bugzilla关于遇到同一问题的人的一些“bug”报告:  Report 1 Report 2

正如他们所说的那样(对于Gecko / Firefox引擎),

  

Gecko中的CSS长度限于最多(1 <30)-1 app单位,其中1 <&lt;&lt; 30被视为无限值。应用单位是CSS像素的1/60。大于该值的长度会有效地溢出用于存储长度的整数数据类型。

     

((1 <-30)-1)/ 60 == 17895697

     

这是CSS px中我们支持的最大CSS长度。