js屏幕适配方案，可让页面在不同屏幕下、不同dpr下、放大缩小时保持不变形，适用于Vue2和Vue3

在前端开发中，样式表（CSS）是至关重要的一部分。然而，当我们面对复杂的项目时，经常会遇到编写重复样式的问题。这不仅会导致代码冗余，还会影响开发效率和代码的可维护性。

当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

在我们日常开发中偶尔会碰到获取元素样式、设置某元素样式、计算元素位置、计算滚动距离等需求。但是js中关于元素位置、样式、大小的api种类繁多，稍不留神就会搞不清楚。今天笔者就带你彻底弄清楚。

当我们介绍一个设备的屏幕时，我们会怎么描述呢。除了说很大很细腻之外，还有更精确的概念吗。屏幕尺寸、分辨率、PPI、社保独立像素是什么意思。