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中文網其他相關文章！
