首頁 > web前端 > js教程 > 主體

js實作螢幕自適應局部程式碼分享_javascript技巧

WBOY
發布: 2016-05-16 16:16:58
原創
1236 人瀏覽過

有小夥伴留言說需要一個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>


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

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板