css - @media仅在localhost上有效，而在远程服务器上无效，为什么？

我正在研究PHP-MYSQL项目，以提高自己的技能。我有2个相同的副本，一个在localhost上，另一个在远程服务器上。我的问题是：
为什么@media在本地主机上工作而不在远程服务器上工作？

请注意，我通过笔记本电脑（调整窗口大小），iPad，Android手机尝试过。在本地主机上一切正常，但@media（响应）在远程服务器上不起作用。

这是来自样式文件的代码，它们使网站响应：

 /* The Media */
@media screen and (max-width: 760px ) {
#contentsBox {
        width: 100%;
    }
#sideBarBox {
    width:100%;
}
#footer1 {
    width: 100%;
}
#footer2 {
    width: 100%;
}
#footer3 {
    width: 100%;
}
.postTitle {
    font-size: 105%;
}

#navMobileIcon{
    display: inline-block;
}
#navMenuBox #navMenu, #navMenuBox:active #navMenu{
    display: none;
    z-index: 1000;
    position: absolute;
    padding: 20px;
    background: #333;
    right: 20px;
    top: 80px;
    border: 2px solid #FFFFFF;
    border-radius: 10px 0 10px 10px;
    width: 50%;
}
#navMenuBox:hover #navMenu{
    display: block;
}
#navMenuItem {
    text-align: center;
    width: 100%;
    padding: 10px 0;
}
#navMenu a{
    font-size: 90%;
        color: #FFFFFF;
}
#logo {
    width: 100%;
}
#widgetTitle {
    font-size: 90%;
}
.footerWidgetTitle {
    font-size: 90%;
}
}

最佳答案

尝试这个：

@media screen
{
  @media (max-width: 760px)
}

关于css - @media仅在localhost上有效，而在远程服务器上无效，为什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45010749/