如何通过Vue指令实现大屏元素的高分辨率自适应适配技巧？

本文共计1812个文字，预计阅读时间需要8分钟。

目录+前言+1. 常见的适配方案+2. CSS3 缩放方案+3. 封装一个缩放指令+4. 后记+前言+随着前端技术的不断发展、数据中心的升级、物联网设备的更新和普及，不断升级各类概念和技术，如物联网设备更新和普及，不断升级各类概念和技术，如物联网设备更新和普及。

目录

• 前言
• 1. 常见的适配方案
• 2. CSS3 缩放方案
• 3. 封装一个缩放指令
• 4. 后记

前言

随着前端技术的不断发展、数据中心（中台）之类的概念的不断升级、物联网设备的更新和普及，越来越多的业主（项目）喜欢在系统中添加一个或者多个可视化大屏，用来集中的展现数据变化、位置变化等等，老板们也更喜欢称之为“态势”。

当然，作为程序员一般都不关心“老板们”的想法，只要完成项目即可。但是经常会有这样的问题：我有一个大屏的模板，但是用户的浏览器分辨率不够，或者有的有书签栏有的没有书签栏，更或者是有的全屏了有的只是小窗口，这样就有了代码对不同分辨率场景下的适配需求了。