在網頁設計中，經常會用到圖片，而且我們有時候需要讓圖片有縮放效果，這時候可以使用CSS來設置圖片從小變大。

我們可以使用CSS中的transform屬性來完成這個效果。首先，我們需要將圖片設置為一個可縮放元素，即設置其寬和高。

img{
width: 100px;
height: 100px;
}

接下來，我們需要定義一個CSS類，用來描述圖片放大的效果。在這個類中，我們可以使用transform的scale函數來設置圖片的大小，從而達到放大的效果。

.enlarge{
transform: scale(1.5);
}

這里的1.5表示圖片變為原來大小的1.5倍。

現在，我們需要將這個類應用到圖片上。我們可以使用JavaScript或者jQuery來完成這個效果，也可以使用CSS的:hover偽類來實現鼠標懸停時圖片的放大效果。

img:hover{
transform: scale(1.5);
}

這里的:hover表示當鼠標懸停在圖片上時，會觸發這個效果。

對于響應式網頁，我們需要為不同的屏幕寬度設置不同的縮放比例，這時候可以使用CSS的@media查詢來實現。

@media screen and (max-width: 768px){
img{
width: 50%;
height: auto;
}
}

這里的@media表示當屏幕寬度小于等于768px時，會觸發這個效果。設置圖片寬度為50%，高度自適應，從而達到縮放的效果。

通過以上的設置，我們可以讓圖片從小變大，從而增強網頁的視覺效果。