在網頁開發(fā)中，圖片的大小常常會因為不同設備、不同分辨率而出現(xiàn)不適應的情況，影響了頁面的美觀度和用戶體驗。使用jQuery可以很方便地實現(xiàn)讓圖片自適應大小的效果。

// 監(jiān)聽窗口大小變化
$(window).resize(function() {
// 獲取窗口寬度和高度
var width = $(window).width();
var height = $(window).height();
// 遍歷所有圖片
$('img').each(function() {
// 獲取圖片原始大小
var imgWidth = $(this).width();
var imgHeight = $(this).height();
// 計算圖片的縮放比例
var scale = Math.min(width / imgWidth, height / imgHeight);
// 設置圖片的樣式
$(this).css({
'width': imgWidth * scale + 'px',
'height': imgHeight * scale + 'px'
});
});
});

代碼中我們首先使用了jQuery的resize()方法來監(jiān)聽窗口大小變化的事件，在事件回調函數中獲取窗口的寬度和高度。然后使用jQuery的each()方法遍歷了頁面中所有圖片，計算出每張圖片的縮放比例并通過設置CSS樣式來實現(xiàn)縮放。