CSS樣式可以對(duì)我們的網(wǎng)頁(yè)進(jìn)行各種美化和改善，其中一個(gè)常見(jiàn)的需要是對(duì)圖片進(jìn)行y軸拉伸，下面我們來(lái)學(xué)習(xí)如何使用CSS實(shí)現(xiàn)這一效果。

在上面的代碼中，我們定義了一個(gè).stretched-image類(lèi)，將其應(yīng)用于需要進(jìn)行y軸拉伸的圖片上，然后設(shè)置圖片的寬度為100%、高度為100%以及object-fit:none，這樣就可以讓圖片在y軸上被拉伸，而不失去其寬高比。

需要注意的是，因?yàn)檫@種方法會(huì)對(duì)圖片進(jìn)行拉伸，所以最好適用于背景圖片或者一些寬高比不太重要的圖片，以免失真或者出現(xiàn)變形的情況。

總的來(lái)說(shuō)，CSS樣式的圖片y軸拉伸可以為我們的網(wǎng)頁(yè)帶來(lái)多種美化，同時(shí)也需要我們根據(jù)具體情況進(jìn)行選擇和使用。