图片幻灯片仅适用于移动用户？

Question

我有一个问题，无论如何，我只能为移动用户制作图片幻灯片，并在ex桌面和平板电脑中查看以按顺序显示图片而不是幻灯片显示

由于

Answer 1

默认情况下，按顺序显示图像并使用display css property隐藏幻灯片。

.mySlideshowContainer {
    display: none;
}

然后包含media queries的条件css规则，具体取决于客户端设备的分辨率或大小。

在这些规则中，再次使用css显示属性显示幻灯片并隐藏显示的图像。

Answer 2

您可以通过向包含幻灯片显示的类

添加display属性来隐藏您的slidshow

 display:none;

通过使用媒体查询，您可以添加

来显示幻灯片

display:initial;

CSS

 .class-name{
   display:none;
   }

如果您想在宽度为640或更小的较小屏幕上显示幻灯片 使用媒体查询

  @media screen and (max-width: 640px) {
 .class-name{
  display:initial;
  }