html - 主图像未正确调整大小

Question

我的站点(左侧)上有一张图片，当您调整浏览器窗口大小时，它没有响应。但是，一旦您刷新图像就会填满整个空间。关于让它正确响应的任何想法？

站点:splitblog.squarespace.com

HTML

<figure class="content-fill main-image"><img {@|image-meta}></figure>

CSS

.main-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:-1000;
}

Answer 1

我看到图片宽度是在图片元素上设置的，是通过js动态设置的。

您也必须强制图像宽度为 100%。

.main-image img{
  width: 100%!important;
}