隨著手機拍照的普及，手機成為了人們記錄生活的工具之一。然而，在手機上查看圖片時，由于手機屏幕相對較小，有時候需要對圖片進行放大查看以獲取更清晰的細節。這個時候，我們可以借助 CSS 中的 transform 屬性來實現圖片的放大效果。

.img {
width: 100px; /* 原圖片的寬度 */
height: 100px; /* 原圖片的高度 */
transition: transform .3s ease; /* 設置變換過渡效果 */
}
.img:hover {
transform: scale(2); /* 鼠標經過時放大兩倍 */
}

如上所示，我們給需要放大的圖片設置一個類名為“img”，并設置圖片的寬度、高度和變換過渡效果。在鼠標經過圖片時，將圖片的放大倍數設置為 2，即可實現圖片的放大效果。

需要注意的是，使用 transform 屬性不會影響原始圖片文件的大小和質量，而只是將其顯示的大小進行了調整。同時，在進行圖片放大時，也要注意不要過度放大，以免影響圖片清晰度。

除此之外，在實際應用中，還可以通過 JS 等技術來實現更加復雜的圖片放大功能，例如通過鼠標拖拽、縮放等方式實現更加自由靈活的圖片查看。這也為我們提供了更多的思路和可能性。