媒体查询不起作用

Question

我想使用基于窗口大小（手机或只是非常小的桌面浏览器窗口）的几个样式表。这既不工作。也就是说，我只能看到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" /> 

谢谢

Answer 1

你的代码按预期工作 - 它装载在小屏幕上的第一个样式表和总是负载在第一个样式表的1024+.css这样的规则被覆盖每次。

添加一个media查询限制为更大的屏幕以及