Question

我试图使用以前类似问题的每个答案，但无法弄清楚如何使我的图像（悬停图像）响应。我的编码（没有响应编码）如下。当我添加“max-width：100％，height：auto”编码时，我的编码中是否存在不允许我的图像响应的内容？

.imgbox {
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  height: 350px;
  background: url(https://www.MYWEBSITEIMAGESOURCE.png) no-repeat;
}

.imgbox:hover {
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  height: 350px;
  background: url(https://www.MYWEBSITEIMAGESOURCE.png) no-repeat;
}

<div class="imgbox">
</div>

Answer 1

你是否尝试写过＆＃34;宽度：100％＆＃34;而不是静态值。图像的宽度应适应浏览器的视口。

如何制作图像＆amp;悬停图像响应？

1 个答案: