媒体查询无法使用Wordpress主题

Question

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

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

@media (min-width: @screen-md-min) { }

然而这没有用，所以我继续尝试使用这样的东西

@media screen and (min-width: 480px) { }

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

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

这也无济于事。任何人都知道为什么我的媒体查询不起作用？

以下是指向My Site的链接。

Answer 1

元标记属于HTML文档。

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

Answer 2

您的问题是您在CSS中评论行的方式，就像您在评论JAvascript一样。

   /*Right Way To Comment*/
   p{color:red;}

   //Wrong Way To Comment
   p{color:blue;}

请参阅此example并注意文字不会变为蓝色，但会变为红色