爲什麼瀏覽器窗口變小時，媒體查詢不會激活？

我很抱歉問一個簡單的問題，但我試圖在窗口變小或使用移動設備時使用不同的樣式表。當我縮小瀏覽器窗口時沒有任何反應。這是媒體查詢。爲什麼瀏覽器窗口變小時，媒體查詢不會激活？

<link rel="stylesheet" type="text/css" href="css.css" /> 
    <link rel="stylesheet" type="text/css" 
    media="screen and (max-device-width:500px)" 
    href="2ndCss.css" />

有人可以解釋爲什麼它沒有做任何事情嗎？我試圖讓最大設備寬度更小，我試圖將其設置爲最大寬度。

來源

2012-12-18 DrinkJavaCodeJava

如果您仔細注意媒體屬性中的內容，您會注意到您正在使用max-device-width。這意味着物理設備的屏幕尺寸必須爲500px或更少，以便媒體查詢可以使用。調整瀏覽器大小不會改變屏幕的實際大小。

使用max-width代替max-device-width可能會更好。

來源

2012-12-18 03:48:49 joshnh

有沒有一種方法可以做到這一點？ – DrinkJavaCodeJava

@ redelman431是的，有。使用以下內容：'screen和（max-width：500px）和（max-device-width：500px）'。有關更多信息，請參見此處：http://www.w3.org/TR/css3-mediaqueries/#width – joshnh

爲什麼瀏覽器窗口變小時，媒體查詢不會激活？

回答

相關問題