Html 屏幕截图未定位在移动设备上

我正在建立一个应用程序演示网站，目前我正在向网站添加一些屏幕截图，但它们没有显示在设备上

我认为CSS中有一些东西需要更改，但我不确定是什么。我主要是一名移动应用程序开发人员，对web开发不太熟悉

以下是该网站的URL：

如果你需要更多的信息，请告诉我

.device-container.iphone-space-grey{
背景：url（'../../img/devices/iphone/6sg.png'）无重复中心顶部；
背景尺寸：包含；
}
.device-container.iphone-silver{
背景：url（'../../img/devices/iphone/6s.png'）无重复中心顶部；
背景尺寸：包含；
}
.device-container.iphone-gold{
背景：url（'../../img/devices/iphone/6g.png'）无重复中心顶部；
背景尺寸：包含；
}
.device-container.i6.设备容器内部{
宽度：294px；
顶部：81px；
左：28px；
}
@介质（最大宽度：1199px）{
.device-container.i6.设备容器内部{
宽度：249px；
顶部：68px；
左：18px；
}
}
@介质（最大宽度：991px）{
.device-container.i6.设备容器内部{
宽度：206px；
顶部：58px；
左：62px；
}
}
@介质（最大宽度：767px）{
.device-container.i6.设备容器内部{
宽度：100%；
排名：0；
左：0；
}
}
.device-container.i6.owl主题.owl控件{
边缘顶部：100px；
}

---

在使用内置转盘和其他库进行开发时，需要借助媒体查询手动处理。只需隐藏旋转木马的圆点，但将其property设置为false，并使用下面的代码休息，它将适合移动图像

---

对于>992px，添加“边框半径：4px；高度：438px；宽度：247px；“in”.owl carousel.owl wrapper outer”；对于767px，添加“边框半径：4px；高度：364px；宽度：206px；“in”.owl carousel.owl wrapper outer”&问题是什么？我觉得很好。屏幕截图下面有点重叠。嗯，你认为我应该怎么做。我在网站上找到了这个模板，它是免费的。@DusanDimitrijevic用手机图像和背景图像制作你自己的旋转木马。这是一个简单的问题，但“for>992px”是否与高度或宽度有关？如果你倾斜，没有什么是愚蠢的，因为我也没有太多经验。992代表宽度。我提到的所有像素都将像“@media（max-width:991px）{}”一样使用