可以用百分比：具体的这么操作。
1、首先要把文档的宽度设置成百分比：body{height:100%;}
2、然后需要把div的宽度高度设置成百分比：div{width:50%;height:50%;}
下面是我写的一个实例，我把边框设置成1像素红色，方便看效果。你自己可以运行一下，自己看看：
<HTML>
<HEAD>
<style>
<style>
body{height:100%;}
#main{width:50%;border:1px solid red;height:50%;}
</style>
</HEAD>
<BODY>
<div id='main'>
<div id='top' style='height:100px;'>div与浏览器窗口等比例缩放！！！</div>
</div>
</BODY>
</HTML>
记得采纳我哦，不懂的继续追问我，谢谢！