背景 1、1366*768 2、1920*1080 3、2k+屏幕 效果 由于px都变成了rem,字体大小，宽度等等都会随屏幕大小而变化。 1、创建rem.js 这里给文字大小限制住，最小12px大小

前言 作为一名前端开发的同学，很多时候我们都无法避免地要去写大量的 CSS 代码，而且耗费的时间还不少，所以学习一种能够提升开发效率的 CSS 预处理器是必不可少的。

1.实现思路 2.实现过程 先上主要文件目录结构 1.创建主题函数 在assets/style下创建theme.less 2.创建全局变量 在assets/style下创建variables.less

Javascript获取系统主题，通过监听实时获取主题，进而动态设置主题样式 Css根据媒体查询（preferred-color-scheme）设置主题样式

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

如果您使用 CSS 有一段时间，那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的，随着代码库的增长，防止样式相互冲突并导致意外副作用变得越来越困难!

可视化大屏基本就是数据可视化，主题多为科技感为主。下面分享一些也许对你有用的css效果，都是比较简单的，如果后面有别的还会更新。

BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧

我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我们通过不同的方式来实现，让我们成功破解这道面试。 不定宽： 参考上诉例子中不定宽高例子。