Media Query Not Working显示：无显示：内联

Question

我有一个简单的HTML如下

<div id="break" style="display:none">
 <br />
</div>

我试图在用户减小窗口大小时显示该中断。我正在使用CSS3媒体查询。我尝试如下

@media only screen and (max-height :510px){

    #break
    {
        display:inline;
    }
}

但是那个突破没有出现。我有什么想念的吗？

Answer 1

您正在应用显示：无；通过内联HTML样式设置（style =“ display：none”）。默认情况下，CSS不会覆盖内联样式。为了使CSS覆盖内联样式，请使用！important;。宣言：

@media only screen and (max-height :510px) {
    #break
    {
        display:inline !important;
    }
}

这是一个小提琴。