css - BXslider全屏显示(调整浏览器窗口大小会导致视觉错误)

我发现@Bojan Petkovski提出了很多有关如何使bxslider全屏显示的建议：

Making BXslider full screen (filling entire browser window)

但是我在运行具有视差效果的bxslider时遇到了一个问题，并且使用了少量JS脚本（enquire，skollr）。我认为它们产生了问题。但是我可能是错的。

这是网站：http://tedxmru.com/

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

经过测试，如果我没记错的话，此规则将无法调整大小：

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

第二个问题是，窗口变窄并且单击刷新后，滑块消失了，而我还没有编写任何媒体查询来隐藏它。

需要调整大小问题的帮助

最佳答案

尝试这个：

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

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

关于css - BXslider全屏显示(调整浏览器窗口大小会导致视觉错误)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29035670/