什么';CSS宽度和高度属性的最大像素值是多少?

什么';CSS宽度和高度属性的最大像素值是多少?,css,height,width,specifications,upperbound,Css,Height,Width,Specifications,Upperbound,CSSwidth和height属性接受的最大有效px值是什么 (我目前正在构建一个webapp,它创建了一个非常大的可缩放容器元素,我想知道实际的限制是什么。)使用CSS检查器,该检查器随某些浏览器提供在元素上,具有: 它取决于UA——没有单一的价值可言by@Adrift请详细说明。“CSS理论上支持所有值类型的无限精度和无限范围;但实际上实现的容量有限。UAs应该支持合理有用的范围和精度。”-中的第4节-因此您必须为每个浏览器计算出它。IE7说。。。。134217727px MS Edge报告

CSS
width
height
属性接受的最大有效
px
值是什么


(我目前正在构建一个webapp,它创建了一个非常大的可缩放容器元素,我想知道实际的限制是什么。)

使用CSS检查器,该检查器随某些浏览器提供在元素上,具有:


它取决于UA——没有单一的价值可言by@Adrift请详细说明。
“CSS理论上支持所有值类型的无限精度和无限范围;但实际上实现的容量有限。UAs应该支持合理有用的范围和精度。
”-中的第4节-因此您必须为每个浏览器计算出它。IE7说。。。。134217727px MS Edge报告10737418.23px不幸的是,您不能信任CSS检查器。例如,在IE11中,如果将某个对象的高度设置为600万像素,则检查器会将其报告为-184070.03px;但是使用javascript可以看到它是1533916.875px。这是您可以通过IE11和Edge中的css设置的最大高度。@colllin所展示的是,您可以使元素大于该限制,将元素放入其中。我最近一直在研究这个问题:另外,IE11和Edge完全无法解析@JamesDonnelly的JSFIDLE中的CSS(1000000000px),所以它们的高度只有18px。不仅如此,所有类型的值都有奇怪且相互冲突的限制,例如IE可以报告的scrollHeight远低于它所能报告的值,所以你有scrollTop,远远大于你的scrollHeight(可以在那把小提琴上看到)。
Firefox: 33554400px
Chrome:  33554428px
Opera:   33554428px
IE 9:    21474836.47px