可视化大屏:vue-autofit 一行搞定自适应

掘金头条 1年前 (2023) juejinhot
1.4K 0

内容简介:

vw/vh方案scale方案rem + vw vh方案基于此背景,我决定要造一个简单又好用的轮子。留白问题是在使用scale时才会出现,而其他方式实现起来又复杂,效果也不算太理想,总会破坏掉原有的结构,可能使元素挤在一起,所以我们还是选择使用scale方案,不过这次要做出一点小小的改变。首先来看一下我的拯救者的分辨率: 它可以代表从1920往下的分辨率我们可以发现,比例分别是:1.77、1.6、1.77、1.6、1.33... 总之,没有特别夸张的宽高比。只要没有特别夸张的宽高比,就不会出现特别宽或者特别高的白边,那么我们能不能直接将元素宽高补过去?也就是说,当屏幕右侧有白边时,我们就让宽度多...

查看原文

👉 可视化大屏:vue-autofit 一行搞定自适应

版权声明:juejinhot 发表于 2023-04-29 8:53:10。
转载请注明:可视化大屏:vue-autofit 一行搞定自适应 | 程序员导航网

暂无评论

暂无评论...