单位rem em px

建立博客的最初想法是写点技术心得的,但是建立完之后,就变成想写心情了。

前两天被在同一个公司不同部门的一个学妹问,移动端怎么做适配处理。一时语塞,不知怎么回答。

页面自适应好似是一门大学问,人人都在注意,可我总是马马虎虎的对付。语塞之后,觉得自己该好好整理一下。从认真学习rem em px这几个单位开始。

1.rem是通过根元素进行适配的,网页中的根元素指的是html,我们通过设置html的字体大小就可以控制rem的大小
2.px像素会在某些浏览器设置页面缩放比的情况下,下字体不按比例缩放。rem是相对大小
3.em是相对于父元素的大小,当层级较多,需要使用时,容易遇到无法预知的风险,也麻烦,而rem统一相对根元素,没有这种弊端

在也页面自适应方面,可以用js动态根据不同设备动态设置html的font-size,然后使用rem达到不同设备的适配
【注:初稿】

本站总访问量
Hi,我是liuxuehua<br>虽然我是一个前端码农<br>但是我其实更想成为一个文艺青年