为动态屏幕尺寸创建浮动包装的最佳实践

Question

我有一个网页，其内容宽度约为900像素，但最小宽度（因为标题图像大于9​​00像素）约为1200像素。这意味着当我从小于1200px但大于900px的屏幕查看我的页面时，该网页将具有垂直滚动。

我希望仅在屏幕小于900px宽时才显示滚动。

我尝试在body容器上添加overflow-x，希望body标签占据我的屏幕宽度。这适用于除IE7之外的所有浏览器，我还需要它才能工作。

是否有一种方法可以让它发挥作用？

如果我在解释中不清楚，请告诉我。

Answer 1

您可以考虑在IE中使用表达式。它有点慢，但会帮助您使用旧浏览器。 CSS看起来像这样：

div.container { min-width: 900px; overflow-x: hidden; }
* html div.container { width: expression(Math.max((document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth), 900)+'px'); }