如何详细解析Vue指令实现大屏分辨率自适应技术？

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

目录+前言

1.常见适配方案

2.CSS3 缩放方案

3.封装一个缩放指令

4.后记

前言随着前端技术的不断发展，数据中心的（中台）类概念不断升级，物联网设备的更新迭代以及普及，未来将越来越连。

目录

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

前言

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

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