Javascript 如何使页面的宽度动态达到某个限制？

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

使用和CSS属性

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

---

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

CSS是一种不错的选择！这是一个不需要动脑筋的问题。尝试使用以下类：

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

---

以下是我在弹性宽度限制站点中使用的代码，以使其符合要求-即使在ie6上（宽度：表达式行在ie6中）：

最小宽度：900px；
最大宽度：1280px；
文本对齐：左对齐；
宽度：表达式（document.body.clientWidth<990？“990px”：“auto”）；

恐怕不支持IE 6。不过，有一些变通方法：那么最大宽度是由IE6识别的？宽度：表达式只需要为最小宽度指定？谢谢不，ie6无法识别最大宽度（遗憾的是）。最小宽度表达式位于页面包装器div（我们称之为容器）上。然后，容器位于另一个包装器（我们称之为container2）中，该包装器的最大宽度表达式如下：width:expression（document.body.clientWidth>1280？“1280px”：“auto”）；文本对齐：居中；所以这两个div的完整代码是：#container2{width:expression（document.body.clientWidth>1280？/1280px）：“auto”）；text align:center；}container，{min width:900px；max width:1280px；text align:left；width:expression（document.body.clientWidth<990？/990px）：“auto”）}我在这个例子中使用的站点是，如果你想检查它是如何工作的。

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