CSS如何讓圖片img自適應(yīng)？

在CSS中，我們可以使用多種方法讓圖片img自適應(yīng)，以下是一些常見的方法：

1、使用百分比寬度：

我們可以將圖片的寬度設(shè)置為百分比，這樣圖片就可以根據(jù)父元素的寬度自動調(diào)整寬度了，如果我們想要讓圖片寬度為父元素寬度的50%，可以寫成img { width: 50%; }。

2、使用max-width屬性：

max-width屬性可以限制圖片的***大寬度，同時不影響圖片的原始比例，我們可以將圖片的***大寬度設(shè)置為1000px，同時保持原始比例，可以寫成img { max-width: 1000px; height: auto; }。

3、使用object-fit屬性：

object-fit屬性可以改變圖片的填充方式，從而實(shí)現(xiàn)圖片的適應(yīng)，我們可以將圖片的填充方式設(shè)置為cover，這樣圖片就可以根據(jù)容器的大小自動縮放，同時保持圖片的長寬比不變，可以寫成img { object-fit: cover; }。

4、使用flexbox布局：

我們還可以使用flexbox布局來讓圖片自適應(yīng)，通過將圖片所在的容器設(shè)置為flexbox布局，我們可以輕松地讓圖片根據(jù)容器的大小自動調(diào)整寬度和高度，我們可以將圖片所在的容器設(shè)置為display: flex;，然后給圖片添加flex: 1;來讓其自適應(yīng)。

是一些常見的CSS讓圖片img自適應(yīng)的方法，在實(shí)際應(yīng)用中，我們可以根據(jù)具體的需求選擇適合的方法來實(shí)現(xiàn)圖片的適應(yīng)。