1.0.2 • Published 4 years ago

h5-rem v1.0.2

Weekly downloads
4
License
MIT
Repository
github
Last release
4 years ago

h5移动端rem适配方案,支持横屏

引入脚本

在 head 中写入以下内容:

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

script标签使用

  <script src="h5-rem/src/index.js"></script>

vue-cli中使用

在 main.js 中写入以下内容:

  import Vue from 'vue';
  import App from './App.vue';

  import 'h5-rem';

  new Vue({
    el: '#app',
    render: h => h(App)
  });

使用方法

rem = 实际单位 / 100;

body {
  width: .2rem;    // .2rem => 20px
  height: 1.5rem;  // 1.5rem => 150px
}
1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

5 years ago