如果您使用如下的元视口标签告诉移动浏览器缩放其内容，就好像它在 1200 像素宽的显示器上查看一样（相关浏览器的实际宽度为 500 像素）
<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等于设备宽度