css實現圖片大小自適應

解決代碼
html
<img src="..." class="img-responsive" alt="響應式圖像">
css

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

（1）display:inline-block 元素相對於它周圍的內容以內聯形式呈現，但與內聯不同的是，這種情況下我們可以設置寬度和高度。
（2） height:auto，相關元素的高度取決於瀏覽器。
（3）max-width : 100% 會重寫任何通過 width 屬性指定的寬度。這讓圖片對響應式布局的支持更友好。

原文：https://blog.csdn.net/sunny5319/article/details/79966033