一、使用zoom缩小html的body节点，目的是自适应屏幕分辨率，代码如下
1、css：
body {
margin: 0;
padding: 0;
height: 100%;
font: normal 15px "Microsoft YaHei";
color: #0C0C0C;
font-size: 14px;
line-height: 20px;
}
html {
height: 100%;
margin: 0;
padding: 0;
}
2、html：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXXXX</title>
......
<script>
var screen_width = window.screen.width;
var zoom_value = Math.floor((screen_width*100)/1920);
document.write("<body style=\"zoom: " + zoom_value + "%\">");
</script>
</head>
<body>
......
</body>
</html>
二、问题：在不同分辨率下，IE浏览器最大化情况下确实达到了整屏显示所有内容的目的，但是浏览器出现了上下和左右滚动条，滚动到底后，在浏览器下方和右方出现大段空白；
试过“overflow:hidden”的方法，但是这样一来缩小浏览器后就因为无滚动条无法显示所有内容了；
请问无论浏览器大小，只显示缩小后的内容，而不显示空白的部分。
