2012-12-25 55 views
3

我使用CSS文件改編爲移動設備:Chrome的紡車不停止用紡<鏈路媒體=「...」>

<link rel="Stylesheet" type="text/css" href="v2-sites-mobile.css" media="only screen and (max-width: 767px)" /> 

在移動設備上(寬度小於768像素),這完美的作品。在桌面設備然而,當文件sites-mobile.css不應該被加載,谷歌Chrome將其列爲「待定」在督察的「網絡」標籤:

enter image description here

正如你可以看到,鉻認爲該文件作爲「尚未裝​​載」。這使得紡車輪打滑無限:

enter image description here

這是瀏覽器的錯誤,還是我做錯了什麼?

回答

1

即使媒體查詢當前不匹配,Web瀏覽器仍將下載樣式表。

我承認我在這種情況下沒有看到Chrome中的紡車。您是否也在其他桌面瀏覽器中嘗試過它?

+0

它只發生在Chrome中。它可以下載樣式表,但它不應該無限地顯示紡車。 – cheeesus

+0

如果您使用鏈接標記開始新頁面,並且沒有其他標記,它仍然在Chrome中以這種方式運行? – DevonRW