如何使图像响应？

Question

尽管有关max-width：100％或auto。

的互联网建议，我无法使我的特色图像响应

我的网站是vladmakeev.net

平板电脑和手机都显示裁剪图像。我想要完整的图像，该怎么做？

我做了一些我在回答中看到的变化，我的图像变得合适，但是它在中间位于外面，我不能放在中间。 After changes

What should I do next?

Answer 1

使你的图像css＆＃34;宽度：100％＆＃34;而不是＆＃34; max-width：100％＆＃34;

Answer 2

要使图像响应，您必须这样做：

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

如果您使用的是bootstrap：
for bootstrap 3：为您的图片添加 .img-responsive for bootstrap 4：将 .img-fluid 添加到您的图像中。

希望它有所帮助：）