Question

我有一个Flexslider的问题，在iPad上它似乎因图像太多而崩溃，因为如果我减少图像的数量就可以正常运行。您可以在以下位置查看幻灯片：http://lestroisverres.ch/galerie/

我能用ipad的内存解决这个问题吗？

由于

Answer 1

＆＃39;解决方案＆＃39;似乎没有滥用css3＆＃39;转换＆＃39;。在我的情况下，我使用flexslider与自定义额外的CSS导航元素与不透明度和悬停动画，如＆lt; ＆GT; 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 runs out of memory with "-webkit-transform"

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

1 个答案: