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

Question

我从@Bojan Petkovski 那里找到了关于如何制作 bxslider 全屏的很好的建议:

Making BXslider full screen (filling entire browser window)

但我在运行具有视差效果的 bxslider 和少量 JS 脚本时遇到了问题(请咨询，skollr)。我认为他们产生了问题。但我可能是错的。

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

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

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

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

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

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

Answer 1

试试这个:

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

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