如果您使用下面的元视口标记告诉移动浏览器缩放其内容，就像在1200px宽显示屏上查看一样（所讨论的浏览器的实际宽度为500px）
<meta name="viewport" content="width=1200px;" />
然后还使用像
这样的媒体查询@media only screen
and (max-width : 1200px) { /* NEW CSS */ }
哪个会被使用？与viewport标记一样，媒体查询= true，因此应使用新的css，但viewport表示设备为1200px。
注意：即时使用max-width等同于浏览器窗口宽度，而不是等于设备宽度的max-device-width