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