CSS中有許多方法可以控制圖片的大小，其中有一種是讓圖片的大小保持不變。這也是許多Web開發(fā)者經(jīng)常使用的技巧，下面我們來(lái)看一下如何實(shí)現(xiàn)。

img {
max-width: 100%;
height: auto;
}

在上面的代碼示例中，我們將img標(biāo)簽的max-width屬性設(shè)置為100%，這意味著圖片的寬度不會(huì)超過(guò)其容器的寬度。同時(shí)，我們將高度設(shè)置為auto，這意味著圖片的高度將根據(jù)其寬度自適應(yīng)調(diào)整，從而保持其寬高比。

這種方法的優(yōu)點(diǎn)是，無(wú)論容器的大小如何改變，圖片始終保持其原始寬高比。這可以確保圖像始終具有良好的視覺效果，而不會(huì)出現(xiàn)拉伸或扭曲的情況。

請(qǐng)注意，這種方法只適用于純粹的圖像，例如JPEG或PNG格式的圖像。如果您要顯示矢量圖形（例如SVG），則可能需要使用其他技術(shù)來(lái)確保其大小不變。

總之，通過(guò)使用CSS中的max-width和height:auto屬性，我們可以輕松實(shí)現(xiàn)圖像的大小保持不變的效果，這可以為我們的網(wǎng)站帶來(lái)更好的視覺效果。