在响应式设计中隐藏jQuery Supersized画廊？

Question

我正在使用Supersized jQuery plugin并且当屏幕尺寸小于480px时，即在iPhone尺寸附近时，我试图“禁用”或隐藏全屏图像。但是，我看不到这样做的方法 - 我尝试使用CSS没有成功（尝试隐藏#supersized ul列表），但我不能让它工作，因为样式是内联的。

我已经将Supersized生成的HTML复制粘贴到库中使用的第一个列表项，这样您就可以看到我必须使用的内容 - 可能有我可以使用的回调或其他内容吗？

<ul id="supersized" class="quality" style="visibility: visible;">
   <li class="slide-0 prevslide" style="visibility: visible; opacity: 1;"><a target="_blank"><img src="#" style="width: 1425px; left: 0px; top: -190.5px; height: 869.25px;"></a></li>
...
</ul>

任何指示赞赏。

谢谢，

大须

Answer 1

我需要在我的班级声明中添加！important，以使其正常工作，即

#supersized { display:none !important; left:-999999px !important; }