rem 移动端响应式

一、 在vue-cli中:

1. 在index.html中:

  1. 在common.scss中:
@function rem($px){
  @return $px / 46.875 + rem
}
  1. 将common.scss引入app.vue中文件中

  1. 在scss中:
div{
  font-size:rem(16);
}

二、不在vue中的用法:

  1. 新建rem.js文件

  1. 将rem.js引到每个html中

  1. 在common.css中:
@function rem($px){
  @return $px / 46.875 + rem
}
  1. 将common.css引入每个html中
 

(建议参考:https://www.jianshu.com/p/57fff7e5bd13)

  1. 在css(scss)中:
div{
  font-size:rem(16);
}

你可能感兴趣的:(rem 移动端响应式)