BXslider 全屏（调整浏览器的 window 导致视觉错误）

Question

我从@Bojan Petkovski 那里找到了如何使 bxslider 全屏显示的很好的建议：

Making BXslider full screen (filling entire browser window)

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

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

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

根据我的测试，如果我没记错的话，这条规则不适用于调整大小：

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

第二个问题是 window 缩小后我点击了刷新 - 滑块消失了，而我还没有编写任何媒体查询来隐藏它。

需要帮助解决调整大小问题

Answer 1

试试这个：

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

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