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