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

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

其中，要注意，viewport属性只有在移动端浏览器才会生效，即 UA中必须含有 Mobile字样 ，如果是内嵌WebView需要注意，比如鸿蒙的内置WebView就遵循这个规则。