首页 > 代码库 > 屏幕尺寸发生变化时页面自适应
屏幕尺寸发生变化时页面自适应
$(window).resize(function(){ var wH = window.innerHeight; var h = $(".content-item").height(); console.log(wH); if(h<wH){ $(".content-item").height(wH-60); $(".siderbar").height(wH); console.log($(".content-item").height()); }else{ $(".siderbar").height(h); } location.reload()});
Window 尺寸
有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
- window.innerHeight - 浏览器窗口的内部高度
- window.innerWidth - 浏览器窗口的内部宽度
Window Screen
window.screen 对象在编写时可以不使用 window 这个前缀。
一些属性：
- screen.availWidth - 可用的屏幕宽度
- screen.availHeight - 可用的屏幕高度
Window Screen 可用宽度
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。
屏幕尺寸发生变化时页面自适应
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。