html - CSS 阻止页面上的所有元素缩小

Question

有没有办法阻止所有元素 - Div、表格、图像等缩小。这样一来，当浏览器变得更小时，用户将不得不四处滚动才能看到页面？

示例:http://uk.godaddy.com/

在我的包装器类中，我尝试了各种方法，例如:

width: 100%;
min-width:100px;
width: auto

相对位置；

我在第一次调整浏览器大小时工作，但在几秒后它全部缩小了

Answer 1

在您的包装器中，以像素为单位设置固定宽度，例如

.container {
   width: 1200px;
   margin:auto;
}

此外，margin:auto; 将使您的容器水平居中。

它可能缩小的原因可能是 width:100%; 或 width:auto;。当您的浏览器宽度达到容器的宽度时，容器的宽度将根据浏览器进行调整，使页面变小(以适合屏幕)。

如果您想取得比 GoDaddy 更好的成绩，您绝对应该阅读有关响应式网页设计和媒体查询的内容。也许您可以通过这种方式调整您的布局，使其在较小的屏幕上显示效果更好(没有任何水平滚动条)。