网页可见区域宽： document.body.clientWidth
成都创新互联公司是一家专业提供普兰企业网站建设,专注与成都网站制作、成都网站建设、H5场景定制、小程序制作等业务。10年已为普兰众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
[img]少用 JS 多用 CSS, 提升运行效率. 另外 resize 事件当用鼠标拖放窗口大小时, 触发非常频繁, 谨慎使用.
建议 body 下 布局一个 DIV, 这个DIV 的 CSS 可以这样处理:
{
position: absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
overflow:auto;
}
然后再在这个 div中进行布局, 子div可以用 100%相对布局, 页面宽度就自动撑开了.
另外一种常用布局是用 table 设置宽度为100%进行布局, 不过有很多局限, 用的少了.
官网上提供了accordion的一些介绍，根据这些，能够实现当浏览器大小改变时，accordion自动适应其父元素的大小，并充满父元素。前提是，父元素的高度随浏览器动态改变。
代码：
window.onresize = function() {
autoHeight();
$("#permissionTree").accordion("resize");
}
$(function() {
autoHeight();
$("#permissionTree").accordion({
fillSpace: true
});
});
其中，后一个函数是实现浏览器第一次加载页面时，accordion的正常加载。fillspace:true使得其自动充满父元素。前一个函数实现了在窗口改变大小时，调用accordion的resize方法。其中的autoHeight（）函数用来控制页面其他元素（包括accordion的父元素）的大小。
同意上面的。
可以用百分比。
不过你要先把这几个容器都放到一个大容器里面
然后大容器的高度用js去计算，设定为浏览器窗口的高度，这样父级有了具体的高度，里面的高度使用百分比才有意义。。
设置宽度为100%，列表就可以适应屏幕。同时如果你的头像要保证是正方形，就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形，当然，不一定是150px，具体的宽度也可以动态获取屏幕并计算。