【问题标题】:How to not crop the background when resizing the browser to smaller size?将浏览器调整为较小尺寸时如何不裁剪背景?
【发布时间】:2011-11-20 13:30:23
【问题描述】:

您有例如:stackoverflow.com,当您将浏览器的宽度调整为较小的尺寸时,您会从右侧看到一个大的填充,对于此网页http://www.hyper.no/(底部页脚)也是如此

我不确定他们是否使用 Compass 蓝图,但我在添加 @include 容器时遇到了这个问题,它添加了以下 css:
宽度:950 像素; 边距:0 自动; 溢出:隐藏; *缩放:1;

我希望即使将浏览器大小调整为更小尺寸,宽度也能达到 100%

【问题讨论】:

  • 请澄清。无论窗口多宽或多薄,您都希望 div 占据 100% 的可用宽度?
  • 确切地说,当您查看 stackoverflow 的页脚时,当您将浏览器的大小调整为小于正文宽度时,它不会占用浏览器的 100%。浏览器右侧添加了一个大的白色填充
  • 这是由于程序员没有正确编码 CSS 造成的。请提供您的代码,以便我为您提供帮助。

标签: css sass compass-sass


【解决方案1】:

我终于找到了答案,这很简单,例如您将宽度设置为 960px,当您将窗口调整为较小的尺寸时,只需将 min-width:960px 放在您的身体上,您就不会看到差距。我花了 3 个小时才找到它...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-11-29
    • 1970-01-01
    • 2018-06-27
    • 2019-06-06
    • 2013-02-15
    • 1970-01-01
    • 1970-01-01
    • 2010-12-26
    相关资源
    最近更新 更多