CSS圖片變大縮小是網(wǎng)頁設計中常見的技術，通常用于響應式布局或交互效果，以下是如何使用CSS來放大和縮小圖片：

1、使用transform屬性：CSS的transform屬性可以用來放大和縮小圖片，你可以通過調(diào)整scale()函數(shù)中的值來實現(xiàn)，將圖片放大2倍，可以使用transform: scale(2);，如果你想縮小圖片，可以使用transform: scale(0.5);。

2、使用transition屬性：如果你想讓圖片放大和縮小的過程更加平滑，可以使用CSS的transition屬性，你可以設置transition: transform 0.3s ease;，這樣圖片在放大和縮小時會有一個漸變的效果。

3、使用@media查詢：你還可以使用CSS的@media查詢來根據(jù)屏幕大小調(diào)整圖片的大小，在小屏幕設備上，你可以使用@media (max-width: 600px) { .img-responsive { transform: scale(0.7); } }來縮小圖片。

4、使用JavaScript：除了CSS外，你還可以使用JavaScript來動態(tài)地放大和縮小圖片，你可以使用document.getElementById('myImage').style.transform = 'scale(2)';來放大圖片。

在使用CSS或JavaScript來放大和縮小圖片時，要確保圖片的原始尺寸大于目標尺寸，否則圖片可能會變得模糊或失真，也要注意瀏覽器的兼容性問題，確保你的代碼在所有支持的瀏覽器上都能正常工作。