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

【问题标题】：How do I make my images responsive?如何使我的图像具有响应性？
【发布时间】：2018-08-04 07:37:27
【问题描述】：

尽管互联网上有关于 max-width:100% 或 auto 的建议，但我无法让我的特色图片具有响应性。

我的网站是 vladmakeev.net

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

我做了我在回答中看到的更改，我的图像大小合适，但它在外面的中心，我不能放在中间。 After changes

【问题讨论】：

【解决方案1】：

让你的图片css“width:100%”而不是“max-width:100%”

【讨论】：

【解决方案2】：

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

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

如果您使用的是引导程序：
对于引导程序 3：将 .img-responsive 添加到您的图像中。
对于引导程序 4：将 .img-fluid 添加到您的图像中。

希望对你有帮助:)

【讨论】：

试过了，没有任何改变。你的代码让我的网站看起来像第一张照片。可能是在现场使用，但我对引导程序不熟悉。
vladmakeev.net/dieta-eto-legko-kak-derzhat-dietu-i-ne-sorvatsya 手机版和平板版帖子的问题。精选图片被裁剪。
设置宽度：100%；在图像和它的父 div 中
同时移除 left 边距。
谢谢！图像很好。但是还有一个变化：新大小的图像和文本之间存在巨大的差距，无法通过 height: auto 来修复。该怎么办？（我附加了一张有问题的图片给你看）