Jquery Flexslider仅在我旋转手机时工作

在我的网站（）的主页上，flexslider仅在我旋转手机（水平位置）时工作。在正常垂直位置，它不工作。我正在使用jquery.flexslider.js jquery。在Firefox和其他桌面浏览器中，它可以完美地工作。ios/android手机都出现了这个问题

<script type="text/javascript">// <![CDATA[
jQuery.noConflict();
jQuery(window).load(function() {
jQuery('.flexslider').flexslider({
       animation: "fade"
});
});
// ]]></script>
<div class="flexslider">
  <ul class="slides">
     <li><img src="{{media url='wysiwyg/Banner01.jpg'}}" alt="" /></li>
     <li><img src="{{media url='wysiwyg/organic_honey_big.jpg'}}" alt="" />     </li>
  </ul>
</div>

//

---

有人能帮我吗？让我发疯的是，jquery运行得不错。

在打了我一个月的头之后，我意识到罪犯是一个

@media screen and (max-width: 500px) {
        -webkit-transform:none;}

---

设置在一个完全不相关的css文件中，该文件阻止滑块处于纵向模式。在横向模式下，视口宽度大于500px，因此滑块工作正常。我确信我错过了一个防止此类事件发生的最佳实践。

以后，也许可以尝试使用浏览器开发工具模拟移动设备来调试此类问题。我确实使用了带有头的Mozilla来模拟移动设备，但在那里它工作得很好。对其他模拟器有什么建议吗？