html zoom中心,求大神：html 使用zoom缩小后页面出现空白部分

一、使用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：

XXXXX

......

var screen_width = window.screen.width;

var zoom_value = Math.floor((screen_width*100)/1920);

document.write("

");

......

二、问题：在不同分辨率下，IE浏览器最大化情况下确实达到了整屏显示所有内容的目的，但是浏览器出现了上下和左右滚动条，滚动到底后，在浏览器下方和右方出现大段空白；

试过“overflow:hidden”的方法，但是这样一来缩小浏览器后就因为无滚动条无法显示所有内容了；

请问无论浏览器大小，只显示缩小后的内容，而不显示空白的部分。