Question

对于我的主页，我的背景设置为width: 80%;，然后与中心对齐。

首页： homepage

为此，我使用了以下代码：

<body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000">

现在，当我缩放浏览器的大小时，它会像这样：

如何阻止这种情况发生？

Answer 1

body{
 width:80%;
 margin:0 auto;
}

Answer 2

仅定义您的body min-width

body{
min-width:1000px; // width of you main container 
}

Answer 3

因为你使用百分比它会一直调整到你的屏幕，所以当你有一个1024 px宽度的屏幕时，它将是80％，但如果你把它调整到700px，它将是80％。

您是否在其他元素上使用了百分比？使用它们并不是一个坏习惯，只有你应该在具有固定宽度的元素中使用它们以防止这样的事情。