在CSS中,可以為圖片指定特定的寬度和高度來(lái)控制其大小。但是,在一些情況下,我們希望圖片能夠根據(jù)其最短邊來(lái)自適應(yīng)大小。
實(shí)現(xiàn)這個(gè)效果的CSS樣式如下:
img { max-width: 100%; height: auto; }
這里的“max-width: 100%”表示圖片的最大寬度為其容器的寬度,而“height: auto”則表示圖片的高度會(huì)自動(dòng)根據(jù)其最短邊來(lái)設(shè)置。
這樣的做法可以確保圖片不會(huì)變形,并且能夠適應(yīng)不同屏幕大小和設(shè)備。