js实现屏幕自适应局部代码分享_javascript技巧

有小伙伴留言说需要一个js实现屏幕自适应局部的代码，这里简单整理了下，放出来给大家。

复制代码 代码如下:

       
• 11111111111

       
• 2222222222

       
• 33333333333

       
• 4444444444

       
• 55555555555

       
• 666666666

       
• 77777777777

       
• 888888888888

       
• 999999999

       
• 00000000000

       
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
         
• 
     

<script><br /> var winWidth;<br /> window.onload=function(){<br /> if (window.innerWidth)<br /> winWidth = window.innerWidth;<br /> else if ((document.body) && (document.body.clientWidth))<br /> winWidth = document.body.clientWidth;<br /> if(winWidth<=1100)<br /> document.getElementById("main").style.width="880px";<br /> else if(winWidth>=1100)<br /> document.getElementById("main").style.width="1100px";<br /> }<br /> window.onresize=function(){<br /> if (window.innerWidth)<br /> winWidth = window.innerWidth;<br /> else if ((document.body) && (document.body.clientWidth))<br /> winWidth = document.body.clientWidth;<br /> if(winWidth<=1100)<br /> document.getElementById("main").style.width="880px";<br /> else if(winWidth>=1100)<br /> document.getElementById("main").style.width="1100px";<br /> }<br /> </script>

试试看，是不是效果非常棒，希望大家能够喜欢。