css rem
2021-02-10 02:19
标签：适配 元素 一个 fonts The nts cto 获取 手机型号 它的全称是 font size of the root element （根元素的字体大小） 浏览器的默认的font-size是16px，1rem默认就等于16px。（chrome最小字体为12px） 用来做web app的屏幕适配，因为不同手机型号的屏幕大小都不同，所以这时候我们就不能用px来做单位，rem是适配不同手机屏幕的一种方案。 EG：首先用js根据不同的视窗宽度动态的改变根元素的font-size ``` //获取视窗宽度（兼容性写法） let rootWidth = document.documentElement.clientWidth || document.body.clientWidth; //获取html元素 //动态设置html的font-size（除以10是让浏览器的font-size达到比较合适目的） css rem 标签：适配 元素 一个 fonts The nts cto 获取 手机型号 原文地址：https://www.cnblogs.com/wujiaqi/p/13053585.htmlrem是什么？
它是CSS3中新增加的一个尺寸（度量）单位，根节点（html）的font-size决定了rem的尺寸，也就是说它是一个相对单位，相对于(html)。浏览器的默认字体？
rem可以做什么及它的应用场景？
let rootDom = document.querySelector(‘html‘);
rootDom.style.fontSize = rootWidth / 10 + ‘px‘;