jquery - 由于照片太多，如何阻止 flexslider 幻灯片在 iPad 上崩溃？

Question

我在使用 Flexslider 时遇到了问题，在 iPad 上它似乎由于图像过多而崩溃，因为如果我减少图像数量它运行良好。您可以在以下网址查看幻灯片：http: //lestroisverres.ch/galerie/

有什么我可以用 ipad 的内存来解决这个问题的吗？

谢谢

Answer 1

“解决方案”似乎没有滥用 css3 的“转换”。在我的情况下，我使用带有自定义额外 css 导航元素的 flexslider，带有不透明度和悬停动画，如 < > flexslider 箭头。这个额外的元素会导致视网膜 iPad gpu 的工作量太大（苹果设计不好？）所以我将一些元素设置为静态的，始终可见，没有不透明度，没有动画。甚至简化了删除一些元素。这比以前少得多地防止了 ipad 崩溃。仍然没有 100% 解决，但正如我所说，对于 iPad 使用的视网膜显示器来说，问题似乎是一个弱显卡。

此外，似乎 iOs 不喜欢一些涉及的 ​​CSS……

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

看看这个： https ://github.com/woothemes/FlexSlider/issues/727

问题似乎是 iPad 和移动视网膜设备/糟糕的苹果硬件设计中 CSS3 变换属性的错误实现。

这个 css 属性似乎消耗了大量内存： iOS Safari 用“-webkit-transform”耗尽内存