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

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) {}