8月8日 打卡day13
今日学习：数据大屏适配方案
1、适配方案分析
①vw vh：将px按比例计算转为vw和vh
②scale：整体的等比缩放
③rem + vw vh： rem 基准值，动态计算html根元素的font-size， vw vh 动态计算字体、间距、位移等
2、转换公式
举例：一个宽 300px 和 200px 的 div ，以 vw 和 vh 为单位
vwDiv = (300px / 1920px ) * 100vw
vhDiv = (200px / 1080px ) * 100vh
3、scss实现全局样式
在vue.config.js里配置一下utils.scss的路径，就可以全局使用
今日学习：数据大屏适配方案
1、适配方案分析
①vw vh：将px按比例计算转为vw和vh
②scale：整体的等比缩放
③rem + vw vh： rem 基准值，动态计算html根元素的font-size， vw vh 动态计算字体、间距、位移等
2、转换公式
举例：一个宽 300px 和 200px 的 div ，以 vw 和 vh 为单位
vwDiv = (300px / 1920px ) * 100vw
vhDiv = (200px / 1080px ) * 100vh
3、scss实现全局样式
在vue.config.js里配置一下utils.scss的路径，就可以全局使用
展开
评论
点赞
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
，官方包邮。
~
doc.hutool.cn