怎么解决浏览器缩放打乱布局的问题?

html-css014

怎么解决浏览器缩放打乱布局的问题?,第1张

你左右两边的宽度是多少,是像素还是百分比。

如果你定义定义的页面宽度是百分比,建议你定义布局其他宽度的时候都是用百分比。

如果你是除了页面定义100%,其他的都是定义的像素那么不用想,必须错屏没商量。

一般会给body设定一个显示内容的宽度类似

body{

width:980px

}

然后你给他设定外边距自动就行

body{

width:980px

margin:auto

}

这样在你改变浏览器窗口的时候就会先减少自动的外边距的

这种问题的原因是:当浏览器窗口缩小到小于内层div时,实际内层div元素的宽度大于浏览器宽度,因而被撑开了。

解决办法:为最外层div加上width:expression(document.body.clientWidth <= 1000? "1000px": "auto")min-width:1000px因为ie6不支持min、max 所以加上width:expression(document.body.clientWidth <= 1000? "1000px": "auto")