使用媒体查询覆盖原始CSS

我创建了一个文章标题css代码，从一篇文章中，我得到了解决方案，可以通过更改

#Article_Header2 {
height: 48px;
font: normal normal normal normal 16px / normal 'Roboto Condensed', sans-serif;
margin: 0px;
}

到

更改为最小高度：48px适用于移动设备，但不适用于桌面。我想将其更改为仅适用于移动设备。 请问我错在哪里。我试过这种愚蠢的行为

@media (max-width:767px) {

    body #Article_Header2 {
        min-height: 48px;
        font: normal normal normal normal 16px / normal 'Roboto Condensed', sans-serif;
        margin: 0px;
    }
}

---

应用该选项后，最小高度也应用于桌面。我想知道如何设置最小高度：仅在移动设备上设置为48px，在其他设备上设置为48px

由于高度和最小高度是不同的属性，因此其中一个属性不会覆盖另一个属性

#Article_Header2 {
font: normal normal normal normal 16px / normal 'Roboto Condensed', sans-serif;
margin: 0px;    
}

@media (min-width:768px) {
#Article_Header2 {
height: 48px;        
}
}

@media (max-width:767px) {
#Article_Header2 {
min-height: 48px;    
}
}

---

由于“高度”和“最小高度”是不同的属性，因此其中一个属性不会替代另一个属性

#Article_Header2 {
font: normal normal normal normal 16px / normal 'Roboto Condensed', sans-serif;
margin: 0px;    
}

@media (min-width:768px) {
#Article_Header2 {
height: 48px;        
}
}

@media (max-width:767px) {
#Article_Header2 {
min-height: 48px;    
}
}

---

查看中的电话和手持设备部分查看中的电话和手持设备部分