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

Question

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

我希望只有当屏幕小于900px宽时滚动才会出现。

我已经尝试在body容器上添加overflow-x，希望身体标记占用我的屏幕宽度。这适用于除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'); }