如何使我的圖像具有響應性？

Question

盡管互聯網上有關於 max-width:100% 或 auto 的建議，但我無法使我的特色圖片具有響應性。

我的網站是 vladmakeev.net

平板電腦和手機顯示裁剪圖像。 我想要全圖，怎么辦？

我做了我在回答中看到的改變，我的圖像大小合適，但它在外面的中心，我不能放在中間。 更改后

我接下來該怎么做？

Answer 1

使您的圖像 css “width:100%” 而不是 “max-width: 100%”

Answer 2

要使圖像具有響應性，您必須這樣做：

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

如果您使用引導程序：
對於引導程序 3：將.img-responsive添加到您的圖像中。
對於引導程序 4：將.img-fluid添加到您的圖像中。

希望它有幫助:)