2012-08-06 23 views
1

Here is an example可以通過使用縮放功能來調整框架大小?

在IE9和鉻,按ctrl +放大200%: enter image description here

是否有任何方式通過使用縮放功能以調整幀的大小(如IE9)

?參考:

+1

沒有你的意思是......與_chrome_同樣的效果? – starbeamrainbowlabs 2012-08-06 15:46:16

+0

@starbeamrainbowlabs需要通過使用縮放功能來調整框架大小,如IE9 – Koerr 2012-08-06 15:50:28

+0

如果您可以通過javascript獲取當前縮放大小,那麼您可以執行一些操作。 – starbeamrainbowlabs 2012-08-07 08:01:06

回答

0

myFix.js

//fix webkit browsers 
if ('WebkitAppearance' in document.documentElement.style) { 
    document.onreadystatechange = function() { 
     if (document.readyState != 'complete') 
      return; 

     var oldLevel = 1; 
     //whether we're fixing 'rows' or 'cols' 
     var checking = 'rows'; 
     var frameset = document.getElementById('set'); 
     //get the hard coded values from the html 
     var values = frameset.getAttribute(checking).split(','); 

     //make sure not to change any %'s or *'s 
     var isPixels = new RegExp('[0-9]+'); 
     for (var index = 0; index < values.length; ++index) { 
      if (isPixels.test(values[index])) 
       values[index] = new Number(values[index]); 
     } 

     var zoomCheck = function() { 
      //calculate zoom level 
      var level = window.outerWidth/window.innerWidth; 
      //if it hasn't changed, ignore 
      if (oldLevel == level) 
       return; 

      var newValues = new Array(values.length); 
      //copy each of the original values 
      for (var index = 0; index < values.length; ++index) { 
       newValues[index] = values[index]; 

       //fix the ones we are meant to 
       if (values[index] instanceof Number) 
        newValues[index] *= level; 
      } 

      //apply the fix 
      frameset.setAttribute(checking, newValues.join(',')); 
      oldLevel = level; 
     }; 

     //periodically check 
     setInterval(zoomCheck, 1000); 
    }; 
} 

your.html

<html> 
    <head> 
     <!--your other stuff--> 
     <script type="text/javascript" src="myFix.js"></script> 
    </head> 

    <frameset id="set" rows="200,*" frameborder="0" border="0" framespacing="0"> 
     <frame name="menu" src="menu_1.html" marginheight="0" marginwidth="0" scrolling="auto" noresize=""> 
     <frame name="content" src="content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize=""> 
    </frameset> 
</html> 
相關問題