ブラウザによるwidthとheightの最大値の制限

IE 8とopera 10−では、数字が1342177.27より大きいと、自動的に1342177.27という数になります.その他は、以下の注釈部分を参照してください.

    var zooms = [
      ["256px","256px"] ,
      ["512px","512px"] ,
      ["1024px","1024px"] ,
      ["2048px","2048px"] ,
      ["4096px","4096px"] ,
      ["8192px","8192px"] ,
      ["16384px","16384px"] ,
      ["32768px","32768px"] ,
      ["65536px","65536px"] ,
      ["131072px","131072px"] ,
      ["262144px","262144px"] ,
      ["524288px","524288px"] ,
      ["1048576px","1048576px"] ,
      ["2097152px","2097152px"] ,
      ["4194304px","4194304px"] ,
      ["8388608px","8388608px"] ,
      ["16777216px","16777216px"] ,
      ["33554432px","33554432px"] ,//firefox3.6.12    ，     
      ["67108864px","67108864px"] ,
      ["134217728px","134217728px"] ];//safari5.0.3, chrome10.0.6, opera10.62    ，     

    function setZoom(el,zoom) {
      var width =  zoom[0], height = zoom[1];
      el.style.width = width;
      el.style.height = height;
      el.innerHTML= "     "+ width + " x " + height
        +"
     "+ el.style.width + " x " + el.style.height;
    };

    function test(el){
      var zoom = zooms.shift();
      setZoom(el,zoom);
      if(zooms.length){
        setTimeout(function(){
          test(el)
        },2000);
      }
    }
    window.onload = function(){
      var el = document.getElementById("test");
      test(el);
    }

ブラウザwidthとheightの最大値制限by司徒正美#test{background:#cba;}var zooms = [ ["256px","256px"] , ["512px","512px"] , ["1024px","1024px"] , ["2048px","2048px"] , ["4096px","4096px"] , ["8192px","8192px"] , ["16384px","16384px"] , ["32768px","32768px"] , ["65536px","65536px"] , ["131072px","131072px"] , ["262144px","262144px"] , ["524288px","524288px"] , ["1048576px","1048576px"] , ["2097152px","2097152px"] , ["4194304px","4194304px"] , ["8388608px","8388608px"] , ["16777216px","16777216px"] , ["33554432px","33554432px"] ,//firefox3.6「67108864 px」、「67108864 px」、「134217728 px」、「134217728 px」、「134217728 px」//chromeはfunction setZoom(el,zoom){var width=zoom[0]、height=zoom[1];el.style.width=width;el.style.height=height;el.innerHTML="設定値"+width+"x"+height+"<br/>実際の値は"+el.style.width+"x"+el.style.height;};function test(el){ var zoom = zooms.shift(); setZoom(el,zoom); if(zooms.length){ setTimeout(function(){ test(el) },2000); } } window.onload = function(){ var el = document.getElementById("test"); test(el); } TEST
実行コード
http://www.techsupportforum.com/forums/f56/div-dimension-limited-by-ie8-361058.html
posted on 2011-02-16 15:33司徒正美読書(...)コメント(…)コレクションの編集