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正在为您的页面应用缩放以适应屏幕.

编辑

克里斯霍伦贝克打败了我.尝试添加此标记:

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