媒体查询生效的必要条件

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

在使用媒体查询时，请务必确认页面内的meta标签是否含有viewport，如果没有，则不能生效。