@media 响应式在手机上没有生效

如题，如下代码在电脑端浏览器缩放是响应效果，但是在模拟手机的时候响应式样式没有生效
在手机端打开页面也是没有生效
用的是nuxtjs 框架

@media screen and (max-width: 900px) {
 //css
 //...
}

解决：
–原因： nuxtjs 框架不想vue 框架,没有index.html ，所以一般html 里都会有的meta标签之类，它都没有，所以说需要手动加入该响应式的meta标签
–方法：在 nuxtjs 的nuxt.config.js 里加入meta

// nuxt.config.js 文件
export default {
//...other config
meta:  [
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      //...other meta
    ]
}

加了之后手机端就会响应@meta 区块里的css 样式了