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

标签 php html css wordpress twitter-bootstrap

我正在 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/

相关文章:

javascript - CSS 优化以自动更改类名

javascript - 参数 'fn' 不是函数得到的字符串

html - 如何仅在悬停事件后才在 Nivo Slider 中显示标题?

html - 表格列的对齐方式

php - 如何在 PostgreSQL 中将列设置为常量字段?

javascript - 当我按下表中的按钮时如何设置输入值?这里我使用 laravel 5.8

php - WooCommerce - 将端点分配给我的帐户页面中的多个自定义模板

javascript - HTML 模态对话框溢出

javascript - <select> AngularJS 和 ng-selected

javascript - 游戏未检测到角色与边框之间的碰撞