Chrome模拟器无法识别媒体查询

Question

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

我的媒体查询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;
}

}

任何人都可以指导我如何解决这个问题。真的很有帮助。