【发布时间】：2015-02-14 00:39:48
【问题描述】：
我正在为一个朋友建立一个 Wordpress 网站。在我可以完成他的网站之前，我创建了一个临时静态页面。我将代码和资产推送到 Digital Ocean Droplet。
我的问题：他们的媒体查询在我的本地开发环境中正常工作，但在实时站点上却不行。
当我在 iPhone 5s 上查看本地网站时，它的格式正确。当我将代码部署到生产环境时，似乎媒体查询被忽略了。
我可以通过删除视口元标记在我的开发环境中重现此问题。我不明白发生了什么事。
【问题讨论】：
-
您好您的网站没有 ，请将其添加到您的 head 部分并再次测试跨度>
-
首先，我会避免使用框架集，因为它们已被弃用，并且往往会对现代浏览器产生奇怪的影响（如果您遇到问题，如果这是原因，我不会感到惊讶）。其次，它对我来说很好，除了屏幕宽度大于 1600 像素（此时它基本上没有样式）。这似乎是因为您没有针对此宽度的媒体查询。
-
PRAH：他确实设置了视口，它只是设置在框架集内，而不是像您期望的那样设置在主“头部”标签中。
-
奇怪...我只是注意到我没有编码的框架集。因此，我使用 IP 地址访问了该站点，并且该站点看起来不错 - 没有框架集。我朋友从 Godaddy 购买的域名似乎有问题。我会去那里看看我是否能找出可能导致这种情况的原因。
标签： css media-queries