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>

試試看，是不是效果非常棒，希望大家能夠喜歡。