1.0.2 • Published 4 years ago
h5-rem v1.0.2
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
}