jQuery輪播圖可以讓網頁更加生動有趣，但是我們經常會遇到一個問題，就是輪播圖的寬高不同設備可能會有不同的顯示效果，接下來我們就可以利用jQuery實現輪播圖的寬高自適應。

首先，我們需要設置輪播圖的最外層的盒子的寬高比例，這樣才能保證輪播圖在不同設備上都能顯示出良好的效果。同時，我們也可以利用CSS3的特性設置最外層盒子的寬高比例，那么輪播圖的寬高也會隨之自適應。

.banner {
width: 100%;
height: 0;
padding-top: 50%;
position: relative;
}
.banner img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

接下來，我們可以利用jQuery來處理輪播圖的寬高自適應。我們可以利用window對象的resize事件來監聽窗口的大小變化，從而改變最外層盒子的寬高比例，使得輪播圖也能夠自適應寬高。

$(window).resize(function() {
var bannerWidth = $('.banner').width();
$('.banner').css('height', bannerWidth * 0.5 + 'px');
});

使用以上代碼，當窗口大小改變時，我們就可以根據實際的窗口寬度重新計算最外層盒子的高度，使得輪播圖的寬高比例仍然保持不變。

總之，通過以上的方法，我們可以輕松地實現jQuery輪播圖的寬高自適應，使得我們的網頁可以在不同設備上都能夠呈現出完美的效果。