Vue 大屏自适应
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 大屏自适应相关的知识，希望对你有一定的参考价值。
参考技术A 在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们来解决一下这个不算难题的难题废话不多说，先上图
[图片上传失败...(image-6ca2f3-1648048125368)]
可以看到，我们通过等比例缩放的方式，实现了自适应，同时我们也为此发布了 vue 组件 v-scale-screen
v-scale-screen 使用css属性transform实现缩放效果，进行等比例计算，达到等比例缩放的效果，同时我们也支持铺满全屏，宽度等比，高度等比，等自适应方案
以上是关于Vue 大屏自适应的主要内容，如果未能解决你的问题，请参考以下文章