css - 当我在手机/平板电脑上看到它时,如何让我在 CSS 上编写的媒体查询在我的 Wordpress 网站上运行?

标签 css wordpress responsive-design media-queries

我正在测试我刚刚在 wordpress 上开发的这个网站:circoloshowroom.com 我添加了所有适当的媒体查询以使其响应。现在,当我调整浏览器窗口大小时,我的媒体查询工作正常。但是,当我在手机或平板电脑上查看该网站时,它会完整显示该网站,而忽略媒体查询。有什么建议么?这是 Wordpress 从一开始就对我的网站所做的事情吗? 谢谢。

最佳答案

我通过将它添加到 header.php 文件的顶部来解决这个问题

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

仅供引用:默认情况下,iPhone Safari 会缩小 HTML 页面以适应 iPhone 屏幕。以下元标记告诉 iPhone Safari 使用设备的宽度作为视口(viewport)的宽度并禁用初始缩放。 我刚刚从这篇 super 有用的博客文章中学到了一些东西:webdesignerwall.com/tutorials/responsive-design

关于css - 当我在手机/平板电脑上看到它时,如何让我在 CSS 上编写的媒体查询在我的 Wordpress 网站上运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12439835/

相关文章:

html - 将单击的按钮标记为事件的

php - WordPress functions.php 不工作

css - 响应式菜单向上扩展或删除

html - 如何使用CSS使div背景图像中的div元素响应

html - 带有绝对/固定子项的父容器的自动高度

html - 将表格单元格限制为只有一行文本? 'overflow' 和 'white-space' 不工作

html - 不影响容器的 float 图像

javascript - 有什么办法可以防止复制 html div 的内容或将带有样式的文本输入到剪贴板?

css - 显示 WordPress 菜单的某些元素

html - 当屏幕尺寸缩小时,导航栏没有响应