css如何自適應瀏覽器

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如何自適應瀏覽器的詳細內容。更多資訊請關注PHP中文網其他相關文章！