Javascript如何仅为手机制作幻灯片

我想做幻灯片，但当我添加js时，它破坏了pc版本 我希望这3张照片留在那里，当我看移动版这3张照片幻灯片时，我怎么能做到这一点，我找不到任何资源

---

你应该给你的图像设置一个类，并将CSS应用到它们上，而不是你放在里面的div

或

您可以在CSS中使用背景图像，而不是在HTML中使用图像

使用此css，您的图像将随容器调整大小

.container{
背景颜色：蓝色；
宽度：100%；
高度：300px；
}
1号槽{
背景颜色：灰色；
身高：50%；
宽度：50%；
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
背景图像：url（'https://cdn.vox-cdn.com/thumbor/e4KRzS--UsuixA2G8TOCwJ-O024=/1400x1050/filters:format（png）/cdn.vox cdn.com/uploads/chorus_asset/file/6839749/pokemon.0.png'）；
}

正文

我不确定我是否正确理解了这个问题，但我认为显示器的伸缩性和100%的宽度不会出现覆盖问题

如果我理解错了，请给我们更多关于你的问题的细节

.container{
宽度：100%；
显示器：flex；
}
.货柜组{
边框：1px纯红；
}
.货柜组{
宽度：100%；
高度：自动；
}