媒體查詢不起作用

我想使用基於窗口大小（手機或只是非常小的桌面瀏覽器窗口）的幾個樣式表。這既不工作。也就是說，我只能看到1024 + .css的樣式有人可以幫我嗎？媒體查詢不起作用

<!-- small display --> 
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="resources/styles/small_device.css" /> 
<!-- widescreen --> 
<link rel="stylesheet" type="text/css" href="resources/styles/1024+.css" />

謝謝

來源

2012-10-04 1252748

你的代碼按預期工作 - 它裝載在小屏幕上的第一個樣式表和總是負載在第一個樣式表的1024+.css這樣的規則被覆蓋每次。

添加一個media查詢限制爲更大的屏幕以及

來源

2012-10-04 17:14:27

啊！好的。這很有道理。謝謝。 – 1252748

或者，如果您打算將1024+樣式設置爲「基本」樣式表，則只需將其移動到設備媒體查詢的上方即可。 – BoltClock

媒體查詢不起作用

回答

相關問題