手机无法识别媒体查询

Eri*_*man 7 css mobile media-queries responsive-design

所以我有一个有趣的困境,我在一个响应式网站上工作,当我调整浏览器的大小时,一切正常,但是当我从我的iphone查看网站时,它并没有抓住来自相应媒体查询的查询,我定义为:

@media (max-width: 479px) {
  rules
}
Run Code Online (Sandbox Code Playgroud)

该网站是ericbrockmanwebsites.com/dev2想知道是否有人曾经遇到过这个问题.

任何帮助是极大的赞赏.

jar*_*mie 12

您需要包含<meta name="viewport" content="width=device-width, initial-scale=1">在脑中,让您的移动设备尊重您的媒体查询.