我有一个内容宽度约为 900px 的网页,但最小宽度(因为标题图像大于 900px)约为 1200px。这意味着当我从小于 1200px 但大于 900px 的屏幕上查看我的页面时,网页将出现垂直滚动。
我希望仅当屏幕小于 900 像素宽时才显示滚动条。
我已经尝试在 body 容器上添加一个 overflow-x,希望 body 标签占用我的屏幕宽度。这适用于除 IE7 之外的所有浏览器,我也需要它在 IE7 上运行。
是否有一种方法可以让它发挥作用?
如果我的解释不清楚,请告诉我。
最佳答案
您可以考虑在 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'); }
关于html - 为动态屏幕尺寸创建 float 包装器的最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8540590/