CSS媒體查詢裝載

如果我有一個CSS媒體查詢如下CSS媒體查詢裝載

<link rel="stylesheet" media="only screen and (max-width:1024px)" href="css/ipad.css"> 
<link rel="stylesheet" media="only screen and (min-width:1024px)" href="css/desktop.css">

我看到它加載這兩個CSS desktop.css和ipad.css

這是即使我改變的情況下最小/最大寬度到最小/最大設備寬度

這是爲什麼如此以及如何確保只有相關的CSS被加載？

來源

2011-12-20 testndtv

你定位了什麼瀏覽器/設備？哦，並關閉你的鏈接標籤。 – DaveHogan 2011-12-20 13:03:31

我說，瀏覽器加載這兩個文件是正常的。但它應該只適用於一種風格。發生在你身上的是兩種風格，還是隻有一種？

你也可以使用orentation參數btw。

來源

2011-12-20 13:02:52 sascha

它正確應用..我的問題是爲什麼它加載他們兩個！ – testndtv 2011-12-20 17:01:18

因爲這是瀏覽器的正常行爲。即使是僅用於打印的CSS文件也會自動加載，但僅在用戶切換到打印視圖時才應用。 – sascha 2011-12-21 11:09:35

CSS媒體查詢裝載

回答

相關問題