媒體查詢工作不爲iPhone 6/6S

我設計了某人website，一切都進行得很順利，除了移動/平板電腦的媒體查詢無論我在樣式表包括媒體查詢所做的更改工作得很好。這是我的代碼，我已經檢查了第一百次，似乎無法找到任何語法錯誤。媒體查詢工作不爲iPhone 6/6S

/*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兒童主題在WordPress上開發它。以下是完整的風格：http://pastebin.com/1u1VMtEz

來源

2016-01-21 4127157

http://stackoverflow.com/questions/25759046/iphone-6-and-6-plus-media-queries –

@ChrisRyer我AVE看到它，並試圖RHAT，這使得它在模擬器無法正常工作獨自留下電話。 – 4127157

也許是多餘的，但你有沒有在頭上的響應meta標籤？

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

來源

2016-01-21 15:13:29 anba

是的，那裏帶有主題 – 4127157

媒體查詢工作不爲iPhone 6/6S

回答

相關問題