Css 使图像响应

我试图使我的标志图像在我的网页上的响应。我使用创建了一个响应类，并在样式表中将该类的宽度设置为最大宽度100%，但是当我调整浏览器大小时，图像仍然没有缩放

HTML部分：

CSS部分：

.responsive{
最大宽度：100%；
显示：块；
高度：自动；
}

---

提前谢谢你！这个网站让我抓狂，所以这个补丁会帮上大忙。

你在

img

上设置了一个显式的硬宽度

700px

，这否定了你使用

最大宽度：100%

的目标。如果希望图像保持缩放，但不超出视口，请尝试以下操作：

.responsive{
宽度：100%；
最大宽度：100%；
显示：块；
高度：自动；
}

---

谢谢安迪！做了一些工作，因为Dreamweaver不会在样式表中保存这些代码，无论我尝试了多少次保存文件，但我只是通过在图像HTML中添加一个样式标记来解决这个问题。必须将宽度更改为700，同时将最大值保持在100%，以实现我想要的外观。你救了我更多的挫折。在学习整个CSS的过程中，我比我想象的要困难得多，但我正在慢慢地理解。是的，它可能是重复的。我仍然有图像太大的问题，这纠正了它。