我知道这个问题可能有点奇怪,但我只是不知道并且找不到任何信息(soo也许问题不存在)并且我构建了div宽度取决于用户的页面。是否有一些div宽度限制? 例如,div可以是:
宽度:1000000px
答案 0 :(得分:0)
本身没有限制,但是一旦开始使用大尺寸,已知某些浏览器渲染速度非常慢。如果您使用此方法,您将需要测试它。此外,您可能会看到一些浏览器出现严重错误的问题。你可能想要坚持10-20k之间的数字。
答案 1 :(得分:0)
基于this SO question,似乎唯一的限制是计算机的可用内存。因此,具有width:1000000px
的div是可能的,几乎任何其他宽度都可以。
在宽度足够宽的情况下,可以预见浏览器变得越来越慢。
值得庆幸的是,这不是大多数网站的典型问题......
JSFiddle here。享受滚动。
答案 2 :(得分:0)
在Chrome和Firefox中,由于浏览器通过css处理width
和height
的方式,似乎存在限制。在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长度。