如何使用@media？

Question

我想让我的网站变得敏感。

我听说媒体@我已经在我的代码上做了一些事情

@media all  and (min-width: 310px) and (max-width: 1000px) {

.subitem{
margin-left: -80px;
text-align: left;
}


.mitem{
height: 13%;

}



.mname{
text-align:center;
 margin: 5%;
}

@media all  and (min-width: 300px) and (max-width:845px) {

.subitem{
display:none;
}

.mname{
display:none;
}



}

当我在我的浏览器上调整我的网站大小时，它运行得很好，但我试图在我的手机上访问我的网站并且它不起作用。

可能是因为我做得不好，我需要一些示范......

有人可以帮忙吗？

由于