Unslider不响应媒体查询

Question

在我的博客上我使用JavaScript插件Unslider来呈现一些图像。 我添加了可以更改幻灯片高度的媒体查询。 首先，幻灯片的宽度是视口宽度的75％。

.banner ul li {
    height: 75vw;
    width: 100vw;
} 

然后当浏览器超过720px或横向模式时，我将高度更改为视口高度的90％

@media screen and (min-width: 720px),
screen and (orientation: landscape){
   .banner ul li {
       height: 90vh;
   } 
}

但您会在我的网站上看到，您必须刷新页面，或更改幻灯片才能正确应用更改。

你可以在这里看到我在说什么：http://78.23.161.50/posts/1

聚苯乙烯。 unslider选项fluid设置为true

我做错了吗？或者Unslider插件是不是像我想要的那样流畅？ 我也用网站的结构制作了一个编码器，但用笔试验媒体查询和横向模式并不容易。无论如何，这是：http://codepen.io/anon/pen/epmPmd