php - 媒体查询不工作 Wordpress 主题

Question

我正在 wordpress 上创建一个站点。我没有使用主题提供的标准 css 文件，而是创建了自己的 css 文件，并使用 wp_enqueue_style 将其加载到 scripts.php 文件中。

当我尝试将 css 添加到我新添加的 css 文件并且正在发生更改时，这非常有效。但是我无法让媒体查询工作。这个主题使用 Bootstrap 。因为我使用的是 Bootstrap ，所以我使用了类似这样的东西

@media(最小宽度:@screen-md-min){}

但是那没有用所以我继续尝试使用这样的东西

@media 屏幕和(最小宽度:480px){ }

然后我继续将它添加到 css 文件的顶部

<meta name="viewport" content="width=device-width" />

这也没有帮助。有人知道为什么我的媒体查询不起作用吗？

这里是 My Site 的链接.

Answer 1

元标记属于 HTML 文档。

至于为什么你的样式没有被应用，我相信这是由于你的评论 //Remember to style mobile first!!。这种类型的注释不在样式表中使用，此时会破坏您的 CSS。您应该对样式表中的所有注释使用 /* COMMENT */。