CSS是前端開發中不可或缺的一部分，它可以實現很多效果。其中一個常見的效果就是在手機端實現圖片放大。基本思路是通過CSS的transform屬性來控制圖片的大小。

.container {
position: relative;
width: 100%;
height: auto;
}
img {
width: 100%;
height: auto;
transition: all 0.3s ease;
}
img:hover {
transform: scale(1.5);
}

首先，我們需要創建一個容器，用來包裹圖片。為了保證圖片能夠自適應屏幕大小，容器要設置寬度為100%、高度為auto。

接著，我們需要設置圖片的寬度為100%、高度為auto，這樣圖片就可以根據容器的大小自適應。為了實現鼠標懸停時圖片放大的效果，我們使用了CSS3的transition屬性，設置了一個過渡時間為0.3秒，并且設置了過渡效果為"ease"，也就是漸變效果。

最后，我們使用:hover偽類，當鼠標懸停于圖片上時，將圖片的大小縮放1.5倍，即transform: scale(1.5)。這樣就可以實現圖片放大的效果。

總之，通過CSS的transform屬性，我們可以實現在手機端圖片的放大效果，讓用戶更加方便地觀看圖片。