什么CSS属性可以防止我的网站变形？

Question

我正在浏览一个互联网上的网站，它采用标准的居中盒子设计（整个网站都在一个盒子中居中，并且每一侧都有边框）。当你缩小它时，边框会变小，但内容大小保持不变。这很好。

然而，在他们的网站上，一旦你缩小到更小的程度，就会出现滚动条。内容仍然保持不变。在我的网站上，如果你这样做，像文本和链接之类的东西就开始滚动到多行，整个网站就会崩溃。如何在视口很小的情况下保持它相同？

- NibblyPig

Answer 1

您可以尝试这个方法：

#box
{
   width: 500px;
   /* overflow set to scroll will give you your scroll bars */
   overflow: scroll;
}

如果你想处理最小宽度，那么稍微有些棘手，因为IE不支持min-width。您可以尝试以下方法：

#container
{
/* IE will ignore min-width */
min-width: 400px;
/* IE will process the expression below to give you your minimum width, other browsers
will ignore it */
width:expression(document.body.clientWidth < 400? "400px": "auto" );
}

- balazs

Answer 2

看起来你需要使用 min-width。

- Jon Purdy

---

@AviKumarManku：它确实提供了一个答案；这个答案很简短。我认为对于一个已经有被接受的答案的问题，没有必要对一个两年前的答案进行价值存疑的改进。 - Jon Purdy

Answer 3

请将min-width和min-height属性添加到您的Content元素CSS中。例如= min-width: 100px; min-height: 100px; ...

- User