responsive-height-js
Version:
大屏响应式方案插件
46 lines (34 loc) • 962 B
Markdown
# responsive-height
#### 介绍
适用大屏项目的响应式方案
#### 安装教程
```
npm i responsive-height-js -S
```
#### 使用说明
```
<script setup>
import { onMounted, onUnmounted } from "vue";
import {useResize,setSizeRem} from 'responsive-height-js'
// 默认是在1080px高度的设计搞,默认1rem=16px,也可以修改成你需要的尺寸:const {Start,Stop}=useResize(1080,16);
const {Start,Stop}=useResize();
onMounted(()=>{
Start();
})
onUnmounted(()=>{
Stop();
}
)
/**
* 根据浏览器放大或者缩小,返回相应的数值不带单位
* @param {Number,Number} 第一个参数:你需要改变的尺寸;第二个参数:当前设计稿的高度,默认值是1080px(可不写)
* retturn {Number}
*/
let fontSize=setSizeRem(16)
</script>
```
#### 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request