当窗口改变时，div按比例缩放

2025-04-27 02:54:13

推荐回答（4个）

回答1：

可以用百分比：具体的这么操作。
1、首先要把文档的宽度设置成百分比：body{height:100%;}
2、然后需要把div的宽度高度设置成百分比：div{width:50%;height:50%;}
下面是我写的一个实例，我把边框设置成1像素红色，方便看效果。你自己可以运行一下，自己看看：

div与浏览器窗口等比例缩放！！！

记得采纳我哦，不懂的继续追问我，谢谢！

回答2：

div的宽度设置为百分比即可，例如 style="width:90%;"

回答3：

我刚遇到这个问题，按照上面这些方法，栅格模式会出现屏幕缩放幅度很大时div串行导致布局混乱，所以我把所有游离的div全都放进table里，这样就可以随屏幕缩放了

回答4：

同上
style="width:100%;" 这种根据需要来吧