在做官网的时候，遇到了轮播的问题。我本来写了一个轮播，但是有一个问题(打开页面的时候浏览了其他页面，回到主页的时候有些图片来回闪，没有正确轮播)。后来看到layui插件的轮播，就拿去用了，但是画面高度不适应，画面变形了。如图所示：

解决方法：

示例代码：

var b=1920/460；//我的图片比例//获取浏览器宽度var W=$(窗口)。宽度()；var H=$(窗口)。高度()；layui.use('carousel '，function(){ var carousel=layui . carousel；//构建实例carousel . render({ elem : ' # banner 1 '，width : ' 100% '//设置容器宽度，高度： (w/b)。tostring ()' px'/根据比例和浏览器可见页面宽度获取高度，箭头： '。});//窗口更改是重新加载$(窗口)。resize(function(){//setbanner()；Window.location.reload()})以上基于layui轮播的全屏解决方案，适应性很强，就是边肖分享给大家的所有内容。希望能给大家一个参考，希望大家多多支持我们。