媒体查询-PC端和手机端适配

1.vue需要安装sass-loader和node-sass2个插件来使用

①安装sass：

npm install sass-loader --save-dev

②安装node：

npm install -g cnpm --registry=https://registry.npm.taobao.org

直接在页面中使用

 我是直接在一个页面中写的，他的样式会重合，所以移动端媒体查询时要把响应的样式给置空（去掉），不然会显示出上面pc端的样式

​
@media screen and (max-width : 750px) {
  .home {
    .topNav {
      background-color: black;
      height: 150px;
      font-size: 14px;
      display: block;
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%；
}
}

​