Html 如何通过3种不同的设置改变平板电脑、移动设备和更广泛设备的引导转盘？

我已经在我的网站上建立了一个引导旋转木马（完整的screne简介），它在大型设备上运行得非常好，但在移动设备上它只显示旋转木马图像的左三分之一，但我希望它是图像的中心。 因此，我认为一个好的解决方案是为大型设备、平板电脑和手机制作3种不同的设置，使用不同版本的图像，以确保它具有我想要的焦点。这应该通过隐藏所有其他旋转木马设置来实现，但移动设备除外（如果在小型设备上）。如果它在个人电脑上隐藏了所有的东西，除了那个大的设备，…等等

我不想在移动设备上的旋转木马中添加内容，我想更改旋转木马滑块图像（但仅当使用移动设备时）

大型设备的旋转木马位于id为“carousel”的div中，因此我尝试这样做，例如在小型/移动设备上隐藏具有大图像的旋转木马：

@media (max-width:800px) {
    #carousel {
        display:none !important;
    }
} 

---

但这对我不起作用。也许有人能帮我！非常感谢，谢谢3

通过引导，您可以根据屏幕大小进行隐藏，转到“响应性实用程序”部分。您将看到诸如“.hidden xs”或“.hidden lg”之类的内容。您必须创建多个转盘-一个用于移动设备，一个用于平板电脑，一个用于桌面。但这可能正是您想要的。

可能是Ok的副本，但我不想在移动设备上的旋转木马中添加内容，我想更改旋转木马滑块图像（但仅在使用移动设备时）。谢谢，工作非常顺利，现在我可以在所有设备上提供全屏介绍！不知道我是怎么没想到的