Html 在移动设备上忽略媒体查询

我正在做一个主题手机响应。您可以在这里查看

在桌面上查看和调整浏览器大小时，它工作正常。然而，在实际的移动设备上，它似乎不能正常工作（侧边栏应该隐藏，移动导航应该出现）。它适用于单柱视图，例如：

但不是在实际指数上。我似乎不明白为什么

当然，我的媒体查询位于CSS文档的末尾：

    @media screen and (max-width: 640px){
        .hide-for-small{
            display: none !important;
        }
        .show-for-small{
            display: block !important;
        }

        .sidebar-container{
        display: none !important;
        }
        #sidebar{
        display: none !important;
        }
        .wrapper{
        width: 100%;
        }
        #content{
        position: relative;
        display: block;
        margin: 0;
        width: 100%;
        padding: 110px 0 0;
        }
    }

在我的

中，我有

我很困惑，有什么建议吗？谢谢

更新：

meta-viewport

位于header.php中，该文件包含在index.php中，但由于某些原因未显示。在single.php上使用了相同的代码，它可以正常工作

• Header.php->
• Single.php->
• Index.php->

解决了的： 已禁用的缓存插件仍在为旧版本的index.php提供服务，该版本不包括

元视口

。谢谢大家

将@media从“屏幕”更改为“全部”。您的目标是所有设备，而不仅仅是屏幕：

 @media all and (max-width: 640px){
 // your css
}

编辑：

查看源代码时，找不到“viewport”的任何

meta

标记。我使用了您的代码并在编辑器中添加了viewport，效果很好：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

将@media从“屏幕”更改为“全部”。您的目标是所有设备，而不仅仅是屏幕：

 @media all and (max-width: 640px){
 // your css
}

编辑：

查看源代码时，找不到“viewport”的任何

meta

标记。我使用了您的代码并在编辑器中添加了viewport，效果很好：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

问题：索引页没有

元视口

。您需要将其添加到索引页。

问题：索引页没有

元视口。您需要将其添加到索引页。
这似乎无法解决问题。我注意到您的@media中没有包含“all”。这似乎无法解决问题。我注意到您的@media中没有包含“all”。这太奇怪了，
元视口由于某种原因正在该页上删除。这是一个wordpress主题，因此在header.php中调用了
meta viewport
，它随后被包含在index.php中，并且在
single.php
中使用了相同的方法。有趣的…@Buschwick您应该检查为什么
标题
没有将meta标记传递给
index.php
。是的，我同意@alireza safian，但我没有看到任何迹象表明为什么会这样。meta标记不包含在任何条件中，而是普通标头的一部分。例如，有一个样式表，下面的一行正在很好地拉入。这太奇怪了，
元视口
出于某种原因正在这个页面上下降。这是一个wordpress主题，因此在header.php中调用了
meta viewport
，它随后被包含在index.php中，并且在
single.php
中使用了相同的方法。有趣的…@Buschwick您应该检查为什么
标题
没有将meta标记传递给
index.php
。是的，我同意@alireza safian，但我没有看到任何迹象表明为什么会这样。meta标记不包含在任何条件中，而是普通标头的一部分。例如，有一个样式表，下面有一行，很好。请发布
index.php
，
header.php
和
single.php
code。为每个文件@alirezasafanian发布GIST。首先，尝试将谷歌分析脚本放入
head
。找到它。这是一个被禁用的缓存插件，服务于index.php的旧版本，感谢@alirezasafianPlease，post
index.php
，
header.php
和
single.php
code。为每个文件@alirezasafianFirst发布GIST，尝试将谷歌分析脚本放入
head
中。找到了。这是一个被禁用的缓存插件，为旧版本的index.php提供服务，感谢您的帮助@alirezasafian