Css 如何使我的图像具有响应性？

尽管互联网上有关于“最大宽度：100%或自动”的建议，但我无法使我的特色图像响应

我的网站是vladmakeev.net

平板电脑和手机显示的是裁剪后的图像。我想要完整的图像，怎么办

我做了一些我看到的变化，我的图像变得很合适，但是它在外面的中心，我不能放在中间。

---

将图像设置为css宽度：100%，而不是最大宽度：100%

要使图像响应，必须执行以下操作：

img {
      max-width: 100%;
      height: auto;
    }

如果您使用的是引导： 对于Bootstrap3:add.img响应您的映像。 对于引导4：将.img流体添加到图像中

---

希望它有帮助：

可能重复尝试过，没有改变。尝试过，没有改变。您的代码使我的网站看起来就像第一张图片一样。可能是用在网站上，但我不熟悉引导。手机和平板电脑版本的帖子存在问题。剪切特征图像。设置宽度：100%；在这两个图像和它的父除法，并删除左边距。谢谢！形象很好。但还有一个变化：新大小的图像和文本之间存在巨大的差距，无法通过高度来固定：自动。怎么办？我又附上了一张有问题的图片给你看