CSS中的圖片隨頁面縮放是一個非常重要的技巧，特別是在移動設備上越來越流行的情況下。

為了實現圖片隨頁面縮放，我們需要使用CSS的width和height屬性，并設置它們為百分比值。這樣，圖片就會根據其父元素的大小進行縮放。

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

上面的代碼中，我們使用了width: 100%來讓圖片的寬度占據其父元素的全部空間。同時，我們設置了height: auto，這樣圖片的高度會根據其寬度按比例自動調整。

在使用這種方法時，需要注意的是，父元素的大小才是圖片縮放的關鍵。如果你想讓圖片在一個固定的矩形框內進行縮放，那么只需要將這個矩形框作為父元素，然后設置它的width和height即可。

.container {
width: 50%;
height: 200px;
border: 1px solid #ccc;
}
.container img {
width: 100%;
height: auto;
}

在上面的代碼中，我們使用了一個容器元素container，然后設置它的寬度為50%、高度為200px，并加上了一個邊框。然后，在容器元素內部，我們將圖片的寬度設置為100%，高度自適應，這樣就可以讓圖片完美地適應矩形框。如果容器元素大小發生改變，圖片也會自動按比例縮放。

總的來說，使用CSS讓圖片隨頁面縮放是非常簡單的，只需要設置width和height屬性并使用百分比值即可。這種方法可以幫助你讓網站更加適合移動設備，并保持良好的用戶體驗。