如何制作图片以覆盖div的宽度

时间:2018-05-30 13:19:26

标签: css

在这个website上,我想为整个div宽度拟合图片。 (如果向下滚动,您将看到博客部分)

picture可以看出,左右两侧有一些空白区域。

我怎样才能做到这一点?

注意:我无法编辑网站的HTML结构。我只能通过CSS或JS工作。

非常感谢

2 个答案:

答案 0 :(得分:1)

你只有一个max-width: 100% - 所以,如果你设置width: 100%它会起作用,就像这样:

img.scale-with-grid, #Content img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

可以在这里看到(在chrome devtools中更新了css。)enter image description here

答案 1 :(得分:0)

只需提供img.scale-with-grid, #Content imgwidth:100%