【问题标题】:Cutting off the bottom of a table background when the table sizes down当表格缩小时切断表格背景的底部
【发布时间】:2015-07-27 17:59:48
【问题描述】:

我已经搜索了两天,尝试了各种不同的选项,但没有一个能达到我想要的效果。我很肯定这应该可以通过 CSS 实现,但还没有找到解决方案。

我们希望有一个 100% 页面宽度的单单元格表格,但页面高度固定(尽管我们可以在 % 页面高度附近工作。)表格应该包含一个非常大的图像(其大小为表格宽度的 100%)或具有相同的背景图像(因此它永远不会重复,并且只是大小为始终保持 100% 的表格宽度。

但是,当窗口缩小时,我们希望表格高度缩小,并“切断”顶部或底部的图像。

到目前为止,我对扩展问题没有任何问题,但我还没有找到一个完全缩小桌子高度的解决方案。它要么按照页面新尺寸的正确比例缩小尺寸,要么保持完全相同的尺寸。

谁能给点建议?

【问题讨论】:

  • 嘿!您能否发布一些 HTML 和 CSS,以便我可以帮助您解决错误?

标签: css


【解决方案1】:

如果您发布示例 HTML 和 CSS 会有所帮助,但从更一般的意义上讲,我会向您指出 Flexbox - https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 并将溢出:隐藏添加到包含图像的 DIV。

【讨论】:

    猜你喜欢
    • 2015-01-08
    • 2021-05-21
    • 1970-01-01
    • 2015-08-15
    • 1970-01-01
    • 2015-01-30
    • 2021-04-15
    • 2015-01-13
    • 2023-04-07
    相关资源
    最近更新 更多