水一篇水一篇 前因 五彩斑斓 五彩斑斓的效果这里，我有几种不同的想法。这里我们先通过线性渐变实现其中一种。 翻一下线性渐变linear-gradient的文档，很容易掌握它的用法。 先简单配一下参数

掘友们，大家好。最近在开发大屏可视化，正如标题所言，三天完成大屏可视化，在极短的时间里完成数据的展示，交互，测试、简简单单的记录下开发过程、给大家分享一下心得！

简单的一句概括就是： **flexible.js帮我们计算出1rem 等于多少px**。 怎么计算的？ **很简单，就是1rem = 屏幕宽度的1/10**

明明懂得rem的原理，一放到项目中rem适配策略的应用方案中时，就是不知道该如何使用，如何配置，如何优化，以及如何封装。在偌大的资源海洋中难以找到能承载自己的布吉岛。

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

一直以来都想自己写一款插件去解决大屏的适配问题，最近终于有时间去完成这件事，特此记录下过程中碰到的问题。

1. 适配方案1：rem + font-size 我们都知道，在 css 中 1rem 等于 html 根元素设定的 font-size 的 px 值，通过动态的修改html 根元素的 font-si

我正在参加「掘金·启航计划」 背景 UI给出的设计稿，一般是以iphone6屏幕大小为准，也就是宽高为375 * 667，激进一些的还会使用414 * 736的设计稿。在其他不同尺寸的屏幕上适配的问题

Vite项目屏幕适配的两种方案：1、基于px转rem的适配方案。 2、基于scale等比缩放的适配方案。