Question

我知道有很多问题看起来像这个问题，但到目前为止，对我来说没有任何问题。我有一个整个网站的独特CSS文档，在本文档的底部，我有这个：

@media (max-width: 1250){

    #opcoes{
        display: none;
    }

    #expresso{
        display: none;
    }

}

基本上，我的网站模板设计如下：

<body>

<div id = "menu">
</div>

<div id = "principal>
</div>

<div id = "opcoes">
   <div id = "expresso">
   </div>
</div>

</body>

显然，当我将浏览器宽度减少到1250以下时，我的“opcoes”和“expresso”div并没有消失。我做错了什么？

Answer 1

您错过了length-unit条件中的@media。使用：

@media (max-width: 1250px){...}