为什么CSS媒体查询无法在移动设备上的谷歌Chrome设备模拟器的工作，但对吗？(Why CSS M

由于从标题，我不明白为什么媒体查询工作模拟器设备上谷歌Chrome和它没有一个真正的移动设备上运行。

HTML元标签

<meta name="viewport" content="width=max-width, initial-scale=1, maximum-scale=1, user-scalable=no">

CSS：

@media screen and (min-device-width:640px) and (max-device-width:767px){...}

其实我已经设置了最小和最大640/768/850/1024分辨率为移动设备的屏幕分辨率，但它似乎是一个错误，原因....我不明白，还

Answer 1:

你应该在元视口应用设备宽度

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Answer 2:

CSS的应该像下面的检查：

@media screen and (min-width:640px) and (max-width:767px){...}

文章来源: Why CSS Media Query doesn't work on mobile device but yes on Google Chrome device emulator?