CSS停止缩小页面上的所有元素

时间:2014-04-26 15:54:37

标签: html css

有没有办法阻止所有元素 - Div,表格,图像等缩小。因此,当浏览器变小时,用户必须滚动才能看到页面?

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

在我的包装课上,我尝试了各种各样的事情:

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

位置相对;

我首先调整浏览器的大小,但是在第二次调整后它会缩小

3 个答案:

答案 0 :(得分:2)

在包装器中,设置固定宽度(以像素为单位),例如

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

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

缩小的原因可能是width:100%;width:auto;。当您的浏览器宽度达到容器的宽度时,容器的宽度将调整为浏览器使页面变小(以适应屏幕)。

如果你想要比GoDaddy更好地实现某些目标,你一定要阅读有关响应式网页设计和媒体查询的内容。也许你可以用这种方式调整你的布局,它会更好地出现在更小的屏幕上(没有任何水平滚动条)。

答案 1 :(得分:0)

在你的包装器/容器类上执行此操作

.wrapper{
     width:1200px;
     margin: 0 auto;
}

请记住在" px"中进行所有测量。在" .px"中给出宽度,高度等。你将会运转起来。

答案 2 :(得分:0)

为您的包装器提供固定宽度,例如

width: 1000px;

min-width:100px可能不适用于你的原因是因为它允许内部元素缩小直到浏览器窗口为100px或更小。宽度100%与使用户滚动相反,因为无论您制作窗口多小,您的容器都将被强制为该宽度的100%。