解決layui輪播圖滿屏是高度自適應的問題

更新時間：2020-03-29 編輯：未知關注人次：0 云搜索

解決辦法：

實例代碼：

var b = 1920/460;//我的圖片比例

//獲取瀏覽器寬度

var W = $(window).width();

var H = $(window).height();

layui.use('carousel', function(){

var carousel = layui.carousel;

//建造實例

carousel.render({

elem: '#banner1'

,width: '100%' //設置容器寬度

,height: (W/b).toString()+"px" //按比例和瀏覽器可視頁面寬度來獲取高度

,arrow: 'always' //始終顯示箭頭

//,anim: 'updown' //切換動畫方式

});

//窗口變化是重新加載

$(window).resize(function () {

// setBanner();

window.location.reload()

})

有用就給個贊唄！

解決方法2

直接采用css 在PC 端定義固定高度，在手機端屏幕寬度下定義高為100% 即可實現；

服務支持

我們珍惜您每一次在線詢盤，有問必答，用專業的態度，貼心的服務。

讓您真正感受到我們的與眾不同！