CSS是一種很強大的技術，它可以讓我們對頁面進行高度自定義的控制。其中，控制圖片的樣式也是CSS必不可少的一部分。在屏幕大小不同的情況下，如何對圖片進行適應性的控制呢？

首先，我們可以使用 CSS3 的background-size屬性來控制背景圖片的尺寸。這個屬性有幾個可選的值，如contain和cover。當我們使用contain時，背景圖片將會適配元素的大小，并保持其本身的比例，直到它不再溢出元素。而當我們使用cover時，背景圖片將被縮放以適應元素的大小，但不會保持其比例，直到它完全覆蓋了元素。

/*使用contain進行適配*/
.background {
background: url(images/bg.jpg) no-repeat center center;
background-size: contain;
}
/*使用cover進行適配*/
.background {
background: url(images/bg.jpg) no-repeat center center;
background-size: cover;
}

另一種控制圖片適應性的方法是使用img標簽。在這種情況下，我們可以通過CSS的max-width和max-height屬性來設置圖片的最大尺寸，這樣就可以避免在屏幕尺寸變化時出現(xiàn)圖片變形的情況。

/*設置img標簽的最大寬高*/
img {
max-width:100%;
max-height:100%;
}

CSS中還有一種方法可以幫助我們控制圖片的版本，就是使用srcset屬性。它可以允許我們?yōu)橥粋€圖片提供多個不同版本，并在不同的分辨率下使用不同版本的圖片。這種方法非常適用于移動設備和高分辨率屏幕上的網(wǎng)頁，在這些情況下，不同的屏幕大小需要不同的圖片版本。

/*使用srcset設定不同版本的圖片*/

總之，以CSS控制圖片在屏幕上適應性的方法相當多。無論是使用背景圖片，img標簽還是srcset屬性，我們都可以輕松地為圖片找到最適合的控制方法，從而使圖片在不同尺寸的屏幕上都獲得最優(yōu)化的顯示效果。