求大神通俗易懂的解释一下rem单位换算?

https://img2.mukewang.com/5d0dd48200016c5913660619.jpg


求大神解释一下这个图怎么理解?还有rem单位换算怎么理解?

weixin_慕的地431107
浏览 892回答 1
1回答

橋本奈奈未

这个没什么好解释的。rem的定义就是相对于根元素的font-size的大小。也就是说如果你的<html>元素的font-size是16px;那么1rem就是等同于16px;因为页面的html元素是唯一的,所以更改它的font-size相对容易,所以在不同屏幕尺寸下设置html的font-size为不同的值就能实现响应式。这就是大概的一个原理。至于什么屏幕下要设置哪一个值理论上可以随意,但通常有一个业内不成文标准。如iphone6的尺寸是750px,设计稿通常也是基于这个尺寸设计,所以在750屏幕下设置为16px这个基准值。
打开App,查看更多内容
随时随地看视频慕课网APP