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

【问题标题】：Image slideshow only for mobile users?图片幻灯片仅适用于移动用户？
【发布时间】：2014-10-24 15:20:44
【问题描述】：

我有一个问题，我是否可以只为移动用户制作图像幻灯片，并且在前台式机和平板电脑中查看时按顺序而不是幻灯片显示图像

谢谢

【问题讨论】：

【解决方案1】：

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

.mySlideshowContainer {
    display: none;
}

然后根据分辨率或客户端设备的大小，使用 media queries 包含条件 css 规则。

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

【讨论】：

【解决方案2】：

您可以通过将 display 属性添加到包含幻灯片的类来隐藏您的幻灯片

 display:none;

通过使用媒体查询，您可以通过添加来显示幻灯片

display:initial;

css

 .class-name{
   display:none;
   }

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

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

【讨论】：