CSS样式表：@Media设置在768px-992px之间

Question

在我的响应式Opencart网站上，当我们的页面在宽度为768px和992px之间调整大小时，我们的徽标会向下推，并且不会对齐。

我可以通过使上边距-23px来解决这个问题。这当然会超出这个范围。

您可以在CSS中设置媒体屏幕范围，以便仅在768px和992px之间应用设置吗？

我们的默认CSS代码  ＃商标 {     保证金：-30px 0 -2px -30px;

Answer 1

你的确可以！

@media screen (min-width: 768px) and (max-width: 992px){
    #logo { 
       // margin code here
    }
}

Answer 2

只需添加此..

@media screen (min-width: 768px) and (max-width: 992px) {
  #logo { 
   // Margin value here
 }
}

Answer 3

你可以尝试这个：

@media screen (min-width: 768px) and (max-width: 992px){
    #logo { 
        margin: -30px 0 -2px -30px;
    }
}