在政务信息化过程，各政务机关引入了信息化大屏设备，而大屏的像素设置往往受到安装场地的高宽限制，形成了不规则的像素；而系统软件往往是规则的1920*1080的分辨率；不管大屏怎么分屏显示，都很难占满整个大屏。         这种情况下，我们推荐两种方案，大屏分辨率是1920*1080的偶数倍，就利用大屏的分屏软件，将大屏划分为多各标准1920*1080分辨率标准平，再利用多个电脑

1、首先下载autofit.js文件 GitCode - 全球开发者的开源社区,开源代码托管平台 2、html中引入autofit.js 在html文件中加上以下语句，中对应src路径要与项目位置一致     <script type="text/javascript" src="../assets/js/autofit.js"></script>     3、注释掉autofit.js

autofit.js是一个可以让你的PC项目自适应屏幕的工具，其原理非常简单，即在scale等比缩放的基础上，向右或向下增加了宽度或高度，以达到充满全屏的效果，使用autofit.js不会挤压、拉伸元素，它只是单纯的设置了容器的宽高。 autofit.js迄今为止最易用的自适应工具。 autofit.js - npm 安装：npm i autofit.js使用：<template><div

最近有个大屏自适应的需求，而且想直接通过script标签来引入自适应的插件js，搜索相中了autofit.js，可惜不支持umd格式的引入，虽然也能直接copy源码，但是还是折腾下给它打包成umd格式的代码。 fork源码，克隆到本地。 安装webpack，webpack-cli npm install webapck webpack-cli -D 配置webpack.config.js

可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结构。 三大常用方式 vw/vh方案 概述：按照设计稿的尺寸，将px按比例计算转为vw和vh