如何使页面的宽度动态达到一定限度？

Question

例如，动态和流体在600px - 1000px之间，但在1000px后固定在1000px并固定在600px以下600px。查看digg.com的示例。我想要一种跨浏览器兼容的方式。谢谢！

Answer 1

使用min-width和max-width CSS属性。

body {
  min-width: 600px;
  max-width: 1000px;
}

IE6不支持这些属性，但较新版本（IE7 +）可以。所有其他主流浏览器都支持它们。

Answer 2

这里是我在弹性宽度中使用的代码，使用它来遵守 - 即使在ie6（宽度：表达线是ie6）：

min-width: 900px;
 max-width: 1280px;
 text-align: left;
 width:expression(document.body.clientWidth < 990? "990px": "auto" );

Answer 3

CSS是要走的路！这是一个明智的做法。尝试使用类似的类：

.style { min-height: 600px; max-height: 1000px; }