css - 手机无法识别媒体查询

Question

所以我有一个有趣的困境，我在一个响应式网站上工作，当我调整浏览器大小时，一切正常，但是当我从我的 iphone 查看该网站时，它没有从适当的媒体查询中获取查询，我已定义为：

@media (max-width: 479px) {
  rules
}

该站点是 ericbrockmanwebsites.com/dev2 想知道是否有人以前遇到过这个问题。

任何帮助是极大的赞赏。

Answer 1

您需要考虑<meta name="viewport" content="width=device-width, initial-scale=1">到让您的移动设备尊重您的媒体查询。

Answer 2

在某些情况下，图像在移动设备中超出正文或页面包装的宽度，只需将

<meta name="viewport" content="width=device-width, initial-scale=0">

在头部可以调整身体居中。