媒体查询无法在桌面上运行

Question

我的媒体查询存在一个奇怪的问题。它们似乎在我的移动设备上运行得很好，但是当我调整桌面浏览器的大小时，不会应用更改。这使得使用Web检查器/ firebug无法检查我的移动样式。这是我的媒体查询：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {} 

Answer 1

您正在调用特定于设备的查询。如果要在浏览器窗口调整大小时进行测试，则需要从最小和最大呼叫中删除-device-。

@media only screen and (min-width: 320px) and (max-width: 480px) {}