自适应轮播HTML

Question

我在每张幻灯片上都有一个带有多个图像的旋转木马，但我希望只有在手机上观看时才会有一个图像，随着屏幕变大，会有更多图像。有没有办法做到这一点？

Answer 1

你可以用这个来检测iphone： 而不是添加要在iPhone上查看的静态图像。

  function isiPhone(){
        return (
            (navigator.platform.indexOf("iPhone") != -1) ||
            (navigator.platform.indexOf("iPod") != -1)
        );
    }
    if(isiPhone()){
       // add static image code
       alert('iPhone detected');
    }

Answer 2

您可以使用slick carousel执行此操作。

第三个演示将帮助您。