移动端

116 阅读1分钟

REM

rem MDN查看rem的含义

这个单位代表根元素的 font-size 大小(例如 元素的font-size)。当用在根元素的font-size上面时 ,它代表了它的初始值(译者注:默认的初始值是html的默认的font-size大小,比如当未在根元素上面设置font-size大小的时候,此时的1rem==1em,当设置font-size=2rem的时候,就使得页面中1rem的大小相当于html的根字体默认大小的2倍,当然此时页面中字体的大小也是html的根字体默认大小的2倍)。 该单位在实际使用中一般用于创建完美的可扩展布局。如果不被目标浏览器支持,可以使用em单位,虽然会稍微复杂一些。

rem:根元素的font-size的大小,(根元素html元素)。REM的主要思想:缩放。

长度单位:

px:像素 em:一个M的宽度或者一个汉字的宽度。 ex:一个X的高度。 rem:root em根元素的font-size的大小,(根元素html元素,html的font-size:16px;那么rem就是16px)。 vh:viewport视口高度。100vh = 视口高度。 vw:viewport width视口宽度。100vw = 视口宽度。

rem和em的区别:

  • 一个em的宽度和高度是一样的。
  • 1em就等于自己的font-size像素值。
  • rem就是根元素的font-size像素值。 ———————————————— 版权声明:本文为CSDN博主「holiday_lwh」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:blog.csdn.net/holiday1995…