如果有固定头部高度和底部高度,内容的高度或者宽度想要根据浏览器屏幕自适应的话,可以用到css3的计算属性,即calc。
用法如下:
内容区域高/宽 = calc(100% - 头部高宽 - 底部高宽)
//这样就可以自适应高度或宽度了。
浏览器高度: document.documentElement.clientHeight