rem的使用及踩过的坑

最新推荐文章于 2025-07-05 11:23:59 发布

识得唔识得啊

最新推荐文章于 2025-07-05 11:23:59 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： css 布局

本文链接：https://blog.youkuaiyun.com/ShiLuoFeiYu/article/details/60867049

css 同时被 2 个专栏收录

6 篇文章

订阅专栏

布局

6 篇文章

订阅专栏

1.rem是蛤子？

rem是css的一个单位。这个单位代表相对于根元素的 font-size 大小（例如 font-size <html> 元素）。当用在根元素的font-size上面时 ，它代表了它的初始值(译者注:默认的初始值是html的默认的font-size大小,比如当未在根元素上面设置font-size大小的时候,此时的1rem==1em,当设置font-size=2rem的时候,就使得页面中1rem的大小相当于html的根字体默认大小的2倍,当然此时页面中字体的大小也是html的根字体默认大小的2倍)。

2.移动端web布局

流式布局（百分比) 横向易被拉长，兼容性；
定宽。。。
响应式工作大，维护性难；
viewport缩放；
天猫，使用flex布局，字体单位用px
淘宝，使用 flexible 库，是他们自己的一个库，思想就是根据DPR去动态设置rem，元素宽高都用rem。这样就和以前在PC上一样了，宽高等等都用固定值。
http://hcysun.me/2015/10/19/%E4%B8%80%E7%AF%87%E7%9C%9F%E6%AD%A3%E6%95%99%E4%BC%9A%E4%BD%A0%E5%BC%80%E5%8F%91%E7%A7%BB%E5%8A%A8%E7%AB%AF%E9%A1%B5%E9%9D%A2%E7%9A%84%E6%96%87%E7%AB%A0-%E4%BA%8C/
-