rem的使用方法

Posted undefined-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了rem的使用方法相关的知识,希望对你有一定的参考价值。

  首先写入一下代码

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

 

然后在CSS中写入

大于641 的字体是20px,那么30px就是1.5rem,用实际像素除以20,就是rem的单位

例如 设置16px  就是0.8rem

 

这样在缩放窗口的时候,字体会跟随缩放的窗口变大变小

以上是关于rem的使用方法的主要内容,如果未能解决你的问题,请参考以下文章

移动端页面使用rem来做适配

vue 移动端屏幕适配 使用rem

布局--rem布局

rem布局中需要引入啥js吗

在rem单位下使用雪碧图实现自适应

移动端rem自适应布局-最简单易懂的两种方法