web页面自适应问题

在做项目的时候，如果修改网页为自适应时，建议把页面的高不固定，除了100%不给其他的高度。所有的高度根据窗口大小变化

用到的js代码如下：

$(function(){
	content_he();
	 function content_he(){
			var body_height = $('body').height(),//声明网页的高度是窗体的高度
			header_height = $('#header').height(),//header的高度
			footer_height = $('#footer').height(),//footer的高度
			content_height = body_height - (header_height + footer_height);//窗体的高度
			$('#content').height(content_height);//赋值给定的id
		}
		
		$(window).resize(function() {
			content_he();
		});
});	

除此之外，header和footer可以给定具体的高度px，但是在css样式中body和html的高度应该设置为100%

	html,body{
	width: 100%;
	height: 100%;
	font-family: 微软雅黑; 
 	overflow: hidden;  
	margin: 0;
	padding: 0;
}