Question

在我网站的主页（https://www.shopez.in）上，只有在我旋转手机（水平位置）时，柔印机才有效。在正常的垂直位置，它不起作用。我正在使用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运行正常，所以让我疯了。我猜。

Answer 1

经过一个月的打击，我意识到罪魁祸首是

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

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

Flexslider仅在我旋转手机时才有效

1 个答案: