Flexslider 仅在我旋转时起作用 phone

Question

在我网站的主页 (https://www.shopez.in) 上，flexslider 仅在我旋转 phone（水平位置）时才起作用。在正常的垂直位置，它不起作用。我正在使用 jquery.flexslider.js jquery。在 Firefox 和其他桌面浏览器中，它可以完美运行。 ios/android phones

都会出现此问题

<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 是运行好吧，我猜。

Answer 1

好吧，在我苦思冥想 1 个月后，我意识到罪魁祸首是

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

完全不相关的 css 文件中的设置阻止了纵向模式下的滑块。在横向模式下，视口宽度超过 500 像素，因此滑块工作正常。我确定我缺少防止此类事情的最佳实践。

Flexslider 仅在我旋转时起作用 phone

Flexslider works only when i rotate phone

jquery

flexslider