Ruby's Louvre

每天学习一点点算法

导航

浏览器对width与height的最大值限制

在IE8与opera10-中,数字一旦大于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); }

http://www.techsupportforum.com/forums/f56/div-dimension-limited-by-ie8-361058.html

posted on 2011-02-16 15:33  司徒正美  阅读(3529)  评论(5编辑  收藏  举报