浏览器缩小页面,布局就乱了,怎么办?

2025-03-24 00:39:17
推荐回答(2个)
回答1:

原因:
body下一级的元素css中都有float浮动;而body的大小是随浏览器窗口大小改变的,当浏览器窗口缩小时,元素就会往下掉,这就是原因所在
下面举个例子:

zoom_CSS参考手册_web前端开发参考手册系列


当你把这段代码放在浏览器并且把浏览器窗口的缩小到1000px时就会往掉,

解决方法:
只需在浮动的父级元素中添加下面的一个固定的元素包含着就可以:

zoom_CSS参考手册_web前端开发参考手册系列

回答2:

你左右两边的宽度是多少,是像素还是百分比。
如果你定义定义的页面宽度是百分比,建议你定义布局其他宽度的时候都是用百分比。
如果你是除了页面定义100%,其他的都是定义的像素那么不用想,必须错屏没商量。

要是方便的话,不知道能不能代码发上来看看