一、flex弹性的概念： 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了flex弹性布局（以下都会简称为：

这是我参与8月更文挑战的第6天，活动详情查看：8月更文挑战 Flex是Flexible Box的缩写，表示弹性布局，用来为盒子模型提供最大的灵活性。 任何一个容器都可以设定为flex布局： 设定为fl

Tailwind CSS 的基础使用：包含伪类、伪元素、flex 和 grid 布局、定位等相关属性。

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

今天来看看2021年，CSS在不同方面的使用趋势~ ​ 测试依据： 一、用法 1. 样式表大小 下面是每个样式表文件的大小分布： CSS文件每年的大小都在不断增长，中等页面的CSS文件大约70KB，较

做移动端自适应时可能很多人都对自适应和dpr之间的关系产生疑问,也有一些人会疑虑比如我的自适应方案没有加dpr会不会出问题,针对这些疑问我说一下我的见解,希望能解除你的担忧。 1. 什么是尺寸自适应 首先说到自适应,可能在不同人眼里理解不同，特别与响应式的关系,在这里说一下我所…