当窗口改变时，div按比例缩放
4个回答
展开全部
可以用百分比：具体的这么操作。
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>
记得采纳我哦，不懂的继续追问我，谢谢！
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>
记得采纳我哦，不懂的继续追问我，谢谢！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div的宽度设置为百分比即可，例如 style="width:90%;"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我刚遇到这个问题，按照上面这些方法，栅格模式会出现屏幕缩放幅度很大时div串行导致布局混乱，所以我把所有游离的div全都放进table里，这样就可以随屏幕缩放了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
同上
style="width:100%;" 这种根据需要来吧
style="width:100%;" 这种根据需要来吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
