CSS媒體查詢不起作用，同時收縮瀏覽器窗口

我已經確保CSS文件沒有被緩存，並且ID /類名稱是正確的。當我將瀏覽器縮小到該範圍內的大小時，它不適用CSS。CSS媒體查詢不起作用，同時收縮瀏覽器窗口

這是CSS代碼：

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
{ 
    #body2 .content 
    { 
     max-width: 690px; 
    } 

    #navWaypoint #header 
    { 
     width: 690px; 
    } 
}

我以前沒有經歷過這個問題。

來源

2013-11-21 Rambomst

看起來不錯，我芽！它的有效代碼。 – agconti

但是我知道，當我將瀏覽器縮小到該範圍內時，它不適用CSS。 – Rambomst

我要冒險猜測，並說你應該使用最小寬度，而不是最小設備寬度，如果你所做的只是縮小你的瀏覽器 – SynXsiS

如果你正在縮小瀏覽器窗口來評估你的代碼，這裏是你的答案。

min-device-width和max-device-width是指顯示分辨率。
而min-width和max-width指的是瀏覽器窗口的大小。

使用min-width和max-width而不是min-device-width和max-device-width並希望你會得到你想要的。

來源

2013-11-21 01:24:09

感謝您的幫助 –

CSS媒體查詢不起作用，同時收縮瀏覽器窗口

回答

相關問題