富贵资源网 Design By www.hznty.com
在页面布局（layout）时经常是上左右的框架布局并且需要宽、高度的自适应，div+css是无法实现（*hegz： div+css其实是可以实现的，利用jQuery比较容易实现浏览器的兼容性），所以需要js来辅助。
主要通过 jQuery.resize() 这个方法，也就是当窗口大小改变时重新计算布局的高宽。其它直接看代码即可。
Html代码
<div id="header"></div> <div id="left"></div> <div id="right"></div>
Js代码
$(document).ready(function() {
initLayout();
$(window).resize(function(){
initLayout();
});
});
function initLayout() {
$('#right').width(document.documentElement.clientWidth - $("#left").width()-2);
var h = document.documentElement.clientHeight - $("#header").height()-5;
$('#left').height(h);
$('#right').height(h);
}
以上这篇jQuery实现布局高宽自适应的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...