我正在 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 的链接.
最佳答案
元标记属于 HTML 文档。
至于为什么你的样式没有被应用,我相信这是由于你的评论 //Remember to style mobile first!!
。这种类型的注释不在样式表中使用,此时会破坏您的 CSS。您应该对样式表中的所有注释使用 /* COMMENT */
。
关于php - 媒体查询不工作 Wordpress 主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34504858/