Javascript Chrome emulator无法识别媒体查询

我在一个网站上工作，工作的手持设备。我正在使用媒体查询。浏览器正在识别媒体查询并相应地调整布局。但当我尝试在chrome emulator上测试页面时，它无法识别媒体查询，而是显示页面的桌面版本。我已将视口的元标记包含在头部标记中

我的媒体查询css是：-

@media only screen and (min-width: 481px) {
/*-----CONTENT -----*/

#mobileContentWrapper {
    display: none;
}
#desktopContentWrapper {
    display: block;
}

}
@media only screen and (max-width: 480px) {
/*-----CONTENT -----*/

#mobileContentWrapper {
    display: block;
}
#desktopContentWrapper {
    display: none;
}

}

---

谁能告诉我如何解决这个问题。真的很感谢你的帮助

我宁愿使用媒体查询

@media only screen{

放在第一个媒体查询块之前。无论如何，你能提供一把小提琴吗？为什么是“only screen”而不是“screen”？我试着把screen放在屏幕上而不是“only screen”，但仍然没有什么不同