媒體查詢不隨高度

工作這是對於具有1280個像素寬度的分辨率我的媒體查詢：媒體查詢不隨高度

@media (min-width: 1270px) and (max-width: 1280px)

當我想用單獨的查詢高度是這樣的：

@media (min-width: 1270px) and (max-height: 960px)

一點也沒有沒有工作。即使在Chrome中的開發人員工具中也沒有顯示。我能得到一些建議嗎？

2016-02-11 feknaz

是您的瀏覽器合適的高度之間的逗號？ – putvande

我認爲你需要用逗號分隔出高度/寬度部分，請參閱：http://stackoverflow.com/questions/11404744/media-queries-max-width-or-max-height –

它不用逗號工作.. – feknaz

-1

您必須先

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

添加此代碼，並使用這個鏈接

@media screen and (max-width: 995px) , screen and (max-height: 700px) { 
 
    ... 
 
}

2016-02-11 21:31:52

我不認爲他需要 –

我有它。媒體查詢只是不工作與高度 – feknaz

試試這個鏈接http://stackoverflow.com/questions/11404744/media-queries-max-width-or-max-height –

你需要添加不同的條件（寬/高）

@media screen and (min-width: 1270px), screen and (max-height: 960px)

2016-02-11 21:40:40

這將是好現在，但現在它表明，在第一使用@media（max-width：1280px）和（min-width：1270px）'，然後用'height' – feknaz

就會出現另一個問題。你參考多個CSS文件？他們有不同的媒體查詢嗎？檢查所有這些東西。您是否嘗試清除瀏覽器的緩存？之後刷新頁面。等等 –

我只使用一個.css它只是顯示了這個：@media（min-width：1270px）和（max-width：1280px）'然後是@media（min-width：1270px）和（max- height：960px）'這個 – feknaz

回答