聊聊如何在响应式页面中使用 rem

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 有粉丝朋友问了我一个问题： 有一个 750 x 1500 尺寸的设计稿，设计稿上有一个 150 x 50 的按钮，那么在写页面布局的时候，应该如何确定按钮的尺寸呢？ 他想到了要使用 rem。但具体如何使用，他还是一头雾水。因此跑来咨询我。 于是问题来了，rem 到底是什么？rem 是为了解决什么问题而存在的？rem 能够给我们带来什么样的便利？带着这样的问题，我们一起来总结一下 rem 的实践。 rem 是什么 rem 是一个相对于根元素字体大小的 css 单位。与 px 一样，他可以用来设置字体大小，也可以用来设置长度单位。 那相对于根元素字体大小是什么意思？ 举个栗子。在页面中，html 元素是根元素，因此我们首先给 html 设置一个字体大小 html { font-size:  100 px; } 于是，在整个页面中，就有这样 ………………………………