Pre loader gif仅适用于中等分辨率

Question

我正在使用this tutorial -the first part-的预加载器，它非常酷并且易于实现。但它仅适用于中等大小的分辨率（从中等边界扩展或降低分辨率，它像其他所有元素一样消失）。 以中等分辨率，我的意思是根据Bootrap网格尺寸：

   The Grid Sizes 
.col-xs-$   Extra Small Phones Less than 768px
.col-sm-$   Small Devices   Tablets 768px and Up
.col-md-$   Medium Devices  Desktops 992px and Up
.col-lg-$   Large Devices   Large Desktops 1200px and Up

好像z-index完全重叠了，我什至检查了我使用的样式中的每个z-index，它们都在我为此.se-pre-con div设置的“ 99999”以下。   关于如何解决此问题或寻找什么的任何想法？我在前端真的很糟糕。抱歉，如果这很简单，但听起来好像我在这里遗漏了一些东西。

Answer 1

只是找到了心爱的问题的根本原因。我为加载程序添加的bootstrap.css中的代码被困在恶魔陷阱中：

 @media (min-width: 641px) and (max-width: 992px) {

因此，由于我的风格在那里，因此只能在那些分辨率宽度上看到它。