關於Layui 響應式移動端輪播圖的問題

用layui做輪播圖,在手機上寬度異常, 可通過以下方法解決, 不喜歡layui的同學可以選擇Swiper

  // 輪播圖
  layui.use('carousel', function () {
    var carousel = layui.carousel;
    carousel.render({
      elem: '#banner',
      width: '100%', //設置容器寬度
      height: '100%',
      arrow: 'always', //始終顯示箭頭
      indicator: 'none',
      //,anim: 'updown' //切換動畫方式
    });
  });

  // 響應式輪播圖
  window.onload = function () {
    var bannerH = $('#banner img')[0].height;
    $('.layui-carousel').css('height',bannerH+'px');
  }

根據自己元素的id做對應的修改