在CSS中,我們可以使用width
和height
屬性來設(shè)置圖片的尺寸,如果我們想要圖片等比例縮放,那么可以只設(shè)置width
或height
屬性,另一個(gè)屬性會(huì)自動(dòng)計(jì)算并調(diào)整,以保持圖片的原始寬高比。
如果我們有一張圖片,原始寬度為1000px,高度為600px,我們想要將其縮放到800px的寬度,那么我們可以設(shè)置CSS如下:
img { width: 800px; height: auto; }
這樣,圖片的寬度會(huì)變?yōu)?00px,而高度會(huì)自動(dòng)計(jì)算并調(diào)整,以保持寬高比為1.667(1000px / 600px = 1.667)。
如果我們想要將圖片縮放到更大的尺寸,例如2000px的寬度,那么我們可以將width
屬性的值改為2000px,高度會(huì)自動(dòng)計(jì)算并調(diào)整:
img { width: 2000px; height: auto; }
這樣,圖片的寬度會(huì)變?yōu)?000px,高度會(huì)自動(dòng)計(jì)算并調(diào)整,以保持寬高比為1.667,這種方法可以確保圖片在縮放時(shí)始終保持其原始寬高比,避免出現(xiàn)拉伸或壓縮的情況。