Question

@Bojan Petkovski我发现了如何制作全屏bxslider的好建议：

但是我遇到了运行带视差效果的bxslider和几个JS脚本（查询，skollr）的问题。我认为他们产生了这个问题。但我可能是错的。

一旦浏览器的窗口调整为最小（缩小）宽度，幻灯片就不会按比例调整大小。

正如我已经测试过，如果我没有错，这条规则不适用于调整大小：

.bxslider, .bxslider li{
    height: 100% !important;;
}

第二个问题一旦窗口缩小并且我点击刷新 - 滑块消失，而我没有写任何媒体查询来隐藏它。

需要通过调整大小问题来修复它

Answer 1

试试这个：

.bxslider, .bxslider li{
   height: 100vh !important;
}

我在您的网站上使用开发人员工具尝试了它，但它似乎正在运行。至少是为了调整幻灯片的大小。