Internet Explorer 10，最大div大小为1.533.917像素 [英] Internet Explorer 10, max div size of 1.533.917 px

问题描述

搜索我发现这个线程证明IE可以管理多达10.000.000 px。

确定最大可能的DIV身高

但在我的测试中，IE 10无法调整大于1.533.917 px的div。

这是我的测试： jsfiddle test

括号之间的值是我尝试设置的大小，以前的值是用jquery计算的div的计算大小。

现在的问题是：为什么IE不能在我的测试中设置超过1.533.917 px的div？

这是js使得div更大：

  $（document）.ready（function（）{
 var interval = setInterval（function （）{
 
 height + = 10000; 
 width + = 10000; 
 
 $（。sujeto）。css（{width：width，height： （宽度：+$（。sujeto）。width（））+px（+ width +） -  Height：height}）; 
 $（。contador +（$（。sujeto）。height（））+px（+ height +））; 
 
}，100）; 
 
}） ; 
  

解决方案

此场景的任何解决方案。究竟。
这个例子不是由我创建的Nathan Williams。

 < div style =width：500px; height：500px ; overflow：auto;> 
< div style =width：500px; height：10000000px; overflow：hidden; position：relative;> 
< span style =left：0px; top：0px; position：absolute;> top< / span> 
< span style =left：0px; top：1193030px; position：absolute;> IE8 limit（approximate）< / span> 
< span style =left：0px; top：1533900px; position：absolute;> IE10 limit（approximate）< / span> 
< span style =left：0px; top：9999950px; position：absolute;> bottom< / span> 
< / div> 
< / div> 
  

http://jsfiddle.net/Bckbr/

I need to make a really big div, in order of millions of pixels.

Searching I found this thread that proves that IE can manage up to 10.000.000 of px.

Determine Maximum Possible DIV Height

But in my test IE 10 can't size a div more than 1.533.917 px.

This is my test: jsfiddle test

The value between brackets is the size that I try to set and the previous value is the computed size of the div calculated with jquery.

The question is: Why IE can't size a div more than 1.533.917 px in my test?

This is the js that makes the div bigger:

$(document).ready(function () {
    var interval = setInterval(function () {

        height  += 10000;
        width   += 10000;

        $(".sujeto").css({width: width, height: height});
        $(".contador").text( "Width: " + ( $(".sujeto").width() ) + "px (" + width + ") - Height: " + ( $(".sujeto").height() ) + "px (" + height + ")");

    }, 100);

});

解决方案

Any solution for this scenario.Below link demonstrates the problem exactly. The example not created by me Nathan Williams.

<div style="width: 500px; height: 500px; overflow: auto;">
    <div style="width: 500px; height: 10000000px; overflow: hidden; position: relative;">
        <span style="left: 0px; top: 0px; position: absolute;">top</span>
        <span style="left: 0px; top: 1193030px; position: absolute;">IE8 limit (approximate)</span>
        <span style="left: 0px; top: 1533900px; position: absolute;">IE10 limit (approximate)</span>
        <span style="left: 0px; top: 9999950px; position: absolute;">bottom</span>
    </div>
</div>

http://jsfiddle.net/Bckbr/

这篇关于Internet Explorer 10，最大div大小为1.533.917像素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！