css自適應瀏覽器的設置方法-創新互聯

小編給大家分享一下css自適應瀏覽器的設置方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創新互聯公司始終堅持【策劃先行，效果至上】的經營理念，通過多達10余年累計超上千家客戶的網站建設總結了一套系統有效的推廣解決方案，現已廣泛運用于各行各業的客戶，其中包括：集裝箱等企業，備受客戶贊許。

css自適應瀏覽器的設置方法：首先打開相應的代碼文件；然后使用js代碼“ jQuery(window).resize(function(){...}”實現內容自適應瀏覽器寬度或者高度即可。

本文操作環境：windows7系統、HTML5&&CSS3版本、Dell G3電腦

css設置自適應瀏覽器

做頁面，經常遇到，在調整瀏覽器大小的時候，想要實現內容自適應瀏覽器寬度或者高度，可以使用js處理：

 jQuery(window).resize(function(){
          jQuery('#contextDiv').width(jQuery(document).width());
   });
  jQuery(window).resize();

整理獲得瀏覽器寬度和高度的方法：

$j(window).height(); //瀏覽器窗口可視區域高度
$j(window).width()); //瀏覽器窗口可視區域寬度
$j(document).height()); //瀏覽器窗口文檔的高度
$j(document).width()); //瀏覽器窗口文檔對于象寬度
$j(document.body).width()); //瀏覽器窗口文檔body的高度
$j(document.body).height()); //瀏覽器窗口文檔body的高度
$j(document.body).outerHeight(true)); //瀏覽器窗口文檔body的總高度 包括border padding margin
$j(document.body).outerWidth(true));//瀏覽器窗口文檔body的總寬度 包括border padding margin
$j(document).scrollTop()); //獲取滾動條到頂部的垂直高度
$j(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度

看完了這篇文章，相信你對“css自適應瀏覽器的設置方法”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

網站標題：css自適應瀏覽器的設置方法-創新互聯
網頁路徑：http://m.kartarina.com/article2/egpoc.html

成都網站建設公司_創新互聯，為您提供App設計、App開發、網站內鏈、網站建設、移動網站建設、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯