我正在设计一个使用rem单元的网站，有人说，rem单位根据屏幕大小改变大小 .
我尝试将浏览器窗口拖动到移动大小，并从chrome develop（计算样式）中看到
而我所看到的，它仍然像桌面大小一样 . 相同的21px . 它没有改变 .
你能解释一下，rem单位做什么？
谢谢 .
rem unit表示根元素的字体大小，即HTML文档中的 html 元素 . 也就是说，它是“根源” . 它与屏幕尺寸完全无关 .
html
使用 rem 而不是 em 获得的唯一一件事就是你自己避免做一些计算 . 您可以将字体大小设置锚定到根元素的字体大小，而不是考虑可能具有不同字体大小的元素的嵌套 . 你丢失的是一些旧的浏览器不知道 rem 单位，所以你忽略了基于 rem 的字体大小设置 .
rem
em
使字体大小取决于屏幕大小或窗口大小（两个不同的概念）的实用方法是使用CSS @media 查询来设置 font-size （在某些单位中），具体取决于屏幕或窗口大小（通常是宽度） .
@media
font-size
1 回答
rem unit表示根元素的字体大小，即HTML文档中的
html元素 . 也就是说，它是“根源” . 它与屏幕尺寸完全无关 .使用
rem而不是em获得的唯一一件事就是你自己避免做一些计算 . 您可以将字体大小设置锚定到根元素的字体大小，而不是考虑可能具有不同字体大小的元素的嵌套 . 你丢失的是一些旧的浏览器不知道rem单位，所以你忽略了基于rem的字体大小设置 .使字体大小取决于屏幕大小或窗口大小（两个不同的概念）的实用方法是使用CSS
@media查询来设置font-size（在某些单位中），具体取决于屏幕或窗口大小（通常是宽度） .