页面布局字体大小（rem）

还是跟着博主做一个数据可视化 布局的时候也是同样的操作
我看网上说如果CSS文件中声明字体的话 后面布局的时候可以以这个字体为单位用rem就可以
但是我这边字体也声明了 字体还是很大 是什么原因呢

这个字竟然都超过了标题框的高度

字体大小应该这样写吧font-size:1.2rem;1.2rem相当于12px

rem是根据html元素字体的大小判断的 1rem = 根元素字体大小，

body 里 lin-height 加个rem .然后就是 rem 了 ，rem 是根据 根元素 大小来的

1、rem单位
是相对单位；rem单位是相对于HTML标签的字号计算结果；1rem = 1HTML字号大小。

如果html标签的font-size是20px，那么1rem就是20。

网页的根标签是：html标签；html字号也叫根字号，根标签字号。

1、rem单位
是相对单位；rem单位是相对于HTML标签的字号计算结果；1rem = 1HTML字号大小。

如果html标签的font-size是20px，那么1rem就是20。

一般的，各大主流浏览器的font-size默认值为16px,此时1rem=16px。如果此时将rem与px进行换算很麻烦，比如0.75rem=12px。

为了更方便的进行换算（比如1：10），就可以加样式：

html
,body{
    font-size: 62.5%
}

首先你要自动rem是什么。1rem=根节点的font-size 。数据大屏用rem适配不适合（需要了解一下浏览器最小font-size=12px），其次不建议你直接写rem可读性很差包括你设计稿的值是pc每次都要算一下？或许你会想写一个css函数...但没必要（硬要用这种方式 你必须动态计算好根节点的font-size，有插件的，lib-flexible和postcss-pxtorem、px2rem-loader之类的把）。可以考虑用 transform: scale(); 做缩放。或者zoom属性。