CSS Media Query应用外部参数

在尝试找出为什么Media Query覆盖了基本CSS的许多尝试之后,我意识到它并没有覆盖,而是包括了超出规范的参数。

@media screen and (min-width:768px){
            .logo{height:8rem;}
        }

该查询有效,但由于某种原因,它甚至可以在300px屏幕尺寸上工作。

@media screen and (min-width:992px){
            .logo{height:6rem;}
       }

上面的查询将按预期工作。我已经尝试在甚至400px处添加断点,但是它没有用,所以我对正在发生的事情和要做什么感到困惑。我首先设计移动页面。

PS我使用引导程序会导致这些问题吗?我确实删除了引导程序,但问题仍然存在,因此我已经排除了它。在此先感谢大家。

 <div class="container">
       <div class="row">
           <div class="col-12">
            <div class="text-center">
                <a href="#"><img src="images/logo.png" class="rounded logo"></a>
              </div> 
           </div>