您好,登錄后才能下訂單哦!
小編給大家分享一下css自適應(yīng)瀏覽器的設(shè)置方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
css自適應(yīng)瀏覽器的設(shè)置方法:首先打開相應(yīng)的代碼文件;然后使用js代碼“ jQuery(window).resize(function(){...}”實(shí)現(xiàn)內(nèi)容自適應(yīng)瀏覽器寬度或者高度即可。
本文操作環(huán)境:windows7系統(tǒng)、HTML5&&CSS3版本、Dell G3電腦
css設(shè)置自適應(yīng)瀏覽器
做頁面,經(jīng)常遇到,在調(diào)整瀏覽器大小的時(shí)候,想要實(shí)現(xiàn)內(nèi)容自適應(yīng)瀏覽器寬度或者高度,可以使用js處理:
jQuery(window).resize(function(){ jQuery('#contextDiv').width(jQuery(document).width()); }); jQuery(window).resize();
整理獲得瀏覽器寬度和高度的方法:
$j(window).height(); //瀏覽器窗口可視區(qū)域高度 $j(window).width()); //瀏覽器窗口可視區(qū)域?qū)挾? $j(document).height()); //瀏覽器窗口文檔的高度 $j(document).width()); //瀏覽器窗口文檔對(duì)于象寬度 $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()); //獲取滾動(dòng)條到頂部的垂直高度 $j(document).scrollLeft()); //獲取滾動(dòng)條到左邊的垂直寬度
看完了這篇文章,相信你對(duì)“css自適應(yīng)瀏覽器的設(shè)置方法”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。