手机无法识别媒体查询

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">

在头部可以调整人体为中心。