rem em 我们将从你已经熟悉的东西开始。em单位被定义为当前字体大小。例如，如果你在body元素上设置一个字体大小，那么在body元素内的任何子元素的em值都等于这个字体大小。 在这里，我们说这个div将有一个1.2em的font-size。它是所继承的字体大小的1.2 ...

css 像素单位 像素是长度单位的一种，它告诉浏览器如何调整项目的大小或间距。 除了px，CSS还提供了许多不同的长度单位选项。 长度单位的两种主要类型是绝对单位和相对单位。 绝对单位 绝对单位与长度的物理单位有关。例如，in和mm分别指英寸，毫米。绝对长度单位近似于屏幕上的实际测量 ...

1turn：一圈，一个圆共一圈。 90deg = 0.25turn。 ...

青春须早为，岂能长少年。——孟郊《劝学》 这周在逆战班中学了许多东西。例如：flex布局、CSS Grid 网格布局、移动端rem布局、移动端流式布局、移动端flex布局、移动端响应式布局等等。几天写的是关于CSS Grid 网格布局的fr单位。 CSS中有不少属性是以长度作为值的。盒 ...

扶今追昔 CSS中的单位我们经常用到px、pt、em、百分比，px和pt不用多说 em em是相对单位，参考物是父元素的font-size，具有继承的特点 如果字体大小是16px（浏览器的默认值），那么 1em = 16px 这样使用换算很复杂，尤其是和px对应，大家总结出了经验 ...

在CSS中存在众多的长度单位，它们又有什么意思与用途呢？ 在CSS中，长度单位分为两种，绝对长度与相对长度 绝对长度：px,cm,in,mm,pt,px,px 相对长度：%,em,rem,vh,vw,vmin,vmax,fr 绝对长度 px:即像素pixel，它是最基础也是最常用的一个 ...

fr是css刚出的一个新的单位,目前经过测试在chrome和firefox是可以支持的 举个案列,拿一个网格布局来说吧 看一下效果 这时会发现下面出现了滚动条,如果不是4个网格而是11个网格呢,那计算起来就非常麻烦了,那个网格布局还提供了另一种写法,就是把算数交给计算机来处 ...

...