Css 具有div display属性的媒体查询

以下是随机div对象的css：

.titleHome {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 80px;
    height: 50px;
    z-index: 8;
} 

当屏幕宽度达到900px以上时，我希望该对象的显示为

none

，并且我希望它在900px以下可见。我尝试了以下媒体查询，但不起作用：

(first change css to have display: none;)
@media all and (max-width: 900px) {
    .titleHome { 
        display: normal; 
    }
}

但是，我注意到，如果我按照上面的方式保留css，并使用以下方法，它就会工作：

@media all and (max-width: 900px) {
    .titleHome { 
        display: none; 
    }
}

---

然而，这与我需要的恰恰相反。当屏幕宽度小于900px时，如何使div消失？

将

max width

更改为

min width

@media all and (min-width: 900px) {
    .titleHome { 
        display: none; 
    }
}

---

将

最大宽度

更改为

最小宽度

@media all and (min-width: 900px) {
    .titleHome { 
        display: none; 
    }
}

---

Normal

不是有效的关键字。您应该为您的案例使用

block

  @media all and (max-width: 900px) {
    .titleHome { 
        display: block; 
    }
 }

---

Normal

不是有效的关键字。您应该为您的案例使用

block

  @media all and (max-width: 900px) {
    .titleHome { 
        display: block; 
    }
 }

---

display:normal

不存在。

display:normal

不存在。哇，没有意识到这有那么简单，我的visual studio给了我

normal

作为选项哇，没有意识到这有那么简单，我的visual studio给了我

normal

作为选项