css - 媒体查询不适用于 iPhone 6/6S

Question

我正在设计一个 website对于某人，一切都进行得很顺利，我在样式表上所做的任何更改(包括媒体查询)都运行良好，但针对移动设备/平板电脑的媒体查询除外。这是我现在已经检查了第一百次的代码，似乎找不到任何语法错误。

    /*Responsive for iPhone 6 Begin*/

@media screen
and ( min-device-width : 375px) 
and ( max-device-width : 667px)
and (orientation : portrait) {
    #first-line {
        font-size:30px !Important;  
        letter-spacing:normal !Important;
        margin: auto;
    }

    .index-page-info {
        width: 375px;
    }

    .purechat {
        display: none !Important; 
    } 
}
/*Responsive for iPhone 6 End*/

我正在使用 Customizr Pro Child 主题在 WordPress 上开发它。这是完整的样式:http://pastebin.com/1u1VMtEz

Answer 1

也许是多余的，但是你的头部有响应式元标记吗？

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