检查器控制台打开时，css更改工作

Question

即时通讯使用firefox和chrome，导航的css更改仅在检查器控制台打开时生效，如下所示：

没有控制台打开：

打开控制台：

忽略悬停效果，但是如果你看第一个菜单项（实际的第3个），它会稍微向上移动以与其他菜单项更加内联。

我的代码是：

<ul class="nav navbar-nav container">
        <li class="active"><a href="#">index</a></li>
        <li class="dropdown">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">About <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li class="drop-menu"><a href="#">link</a></li>
                <li class="drop-menu"><a href="#">link</a></li>
            </ul>
        </li>

        <li><a href="#">Air Conditioning</a></li>
        <li><a href="#">Ventilation</a></li>
        <li><a href="#">Refrigeration</a></li>
        <li><a href="#">link</a></li>
        <li><a href="#">link</a></li>
      </ul>

CSS：

@media only screen and (min-width: 992px) and (max-height:1199px)  {


.navbar-nav li:nth-child(3) a{
    padding-top:19px !important;
}

}