媒體查詢不是最大寬度工作，但是，最大的設備寬工作

Question

我試圖適應我的網站片，所以當我有這樣的

<link rel="stylesheet" media="screen and (max-device-width: 960px) and (max-device-height: 1280px)" href="/css/tablets.css" /> 

媒體查詢工作，但是當外部CSS文件我使用max-width和max-height他們不工作。而有趣的是，當我嘗試使用媒體查詢爲風景模式，它是相反的情況：

<link rel="stylesheet" media="screen and (max-device-width: 1280px) and (max-device-height: 960px)" href="/css/tablets.css" /> 

不起作用，而max-width和max-height做的工作。那是怎麼回事？

爲了測試，我使用iPad迷你視網膜。

Answer 1

這是因爲你did'nt使用在文件頭這個標籤

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

我進行了測試，它工作得很好:)