本文摘自PHP中文网,作者藏色散人,侵删。
css自适应浏览器的设置方法:首先打开相应的代码文件;然后使用js代码“ jQuery(window).resize(function(){...}”实现内容自适应浏览器宽度或者高度即可。
本文操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。
css设置自适应浏览器
做页面,经常遇到,在调整浏览器大小的时候,想要实现内容自适应浏览器宽度或者高度,可以使用js处理:
1 2 3 4 | jQuery(window).resize( function (){
jQuery( '#contextDiv' ).width(jQuery(document).width());
});
jQuery(window).resize();
|
整理获得浏览器宽度和高度的方法:
1 2 3 4 5 6 7 8 9 10 | $j (window).height();
$j (window).width());
$j (document).height());
$j (document).width());
$j (document.body).width());
$j (document.body).height());
$j (document.body).outerHeight(true));
$j (document.body).outerWidth(true));
$j (document).scrollTop());
$j (document).scrollLeft());
|
推荐:《css视频教程》
以上就是css如何自适应浏览器的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css属性区分大小写吗
css属性box-sizing详解
css如何取消加粗
如何删除内联或内联块元素之间的间隙
浅谈css实现毛玻璃效果的方法
css怎么设置字体大小
css怎么隐藏横向滚动条
css如何解决不同浏览器下文本兼容的问题
css animation-direction属性怎么用
css中border是什么意思
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css如何自适应浏览器