css - CSS媒体查询在iphone 5上不起作用

Question

我正在使用 css 媒体查询来构建响应式站点。这是一个有问题的页面： http: //sergedenimes.com/shop/。

我已使用此查询来激活 smartpones 的样式：

    @media only screen 
and (max-width:640px){
    //styles
}

当我调整浏览器的大小时，样式会被拾取并获得智能手机布局。但是，当我在我的 iphone 5 上访问该页面时，似乎没有收到媒体查询。任何想法为什么？我有另一个使用相同媒体查询的网站，它工作正常。

在 Mac 上的 Chrome 和 Firefox 以及 iPhone 上的 Chrome 和 Safari 中测试。

Answer 1

您没有<meta name="viewport">标签，因此 iPhone 正在对您的页面应用比例以适应屏幕。

编辑

Kris Hollenbeck 打败了我。尝试添加此标签：

<meta name="viewport" content="width=device-width">