CSS實現圖片放大查看是現代網頁設計中常見的功能，可以讓用戶方便地查看圖片細節并且增加趣味性。下面通過pre標簽展示實現該功能的代碼：

/* 鼠標懸停時圖片放大 */
img:hover {
transform: scale(2);
transition: all 0.5s ease-in-out;
}
/* 恢復默認大小 */
img {
transform: scale(1);
transition: all 0.5s ease-in-out;
}

以上代碼實現了鼠標懸停時圖片放大，并帶有緩慢的過渡效果。需要注意的是，只有鼠標懸停在圖片上時，樣式才會生效。下面是一個示例：

<img src="example.jpg" alt="示例圖片">

通過以上代碼，已經將圖片插入到了HTML文件中并且設置了alt屬性，可以在加載錯誤時顯示提示信息。為了讓圖片響應式，可以使用以下樣式：

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

以上代碼會讓圖片始終填充其容器的寬度，并自適應高度。通過上述代碼，就可以實現網頁中的圖片放大查看功能。