CSS是一種經常用于網站樣式設計的語言。其中之一的功能是能夠控制圖片的大小和位置，從而使網站更加美觀。在這個過程中，圖片縮放讀取是一個重要的問題。

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

我們可以在CSS中使用max-width屬性來控制圖片的最大寬度。這樣，當一個大圖片被加載進來時，它會自動調整大小以適應它容器的大小。

同時，我們可以使用height: auto;屬性，讓圖片的高度與其寬度相適應，從而保持圖片的比例不變。這樣可以避免圖片失真或拉伸。

background-image: url(圖片地址);
background-size: cover;
background-repeat: no-repeat;

如果我們使用CSS來控制背景圖片的大小，則可以將圖片作為背景圖片，并使用background-size: cover;屬性來控制背景圖片的規模。

這樣，背景圖片會自動調整大小，填充其容器的整個區域。這樣一來，我們就可以在不同的設備上讓圖片看起來更美觀。

總之，使用CSS可以輕松地控制圖片的大小和位置，使網站更加美觀和易讀。我們只需設置以下兩個屬性：max-width和height: auto;，即可讓圖片自適應其容器。同時，在縮放背景圖片時，使用background-size: cover;屬性，使其自適應不同大小的容器。