【校招VIP】前端CSS考点之px、rem等单位

考点介绍：

rem vm等问题是前端面试里的高频题型。但是不少同学并不能很清楚的说明为什么在有px单位之后，还需要rem单位？往往会往不对的自适应方向回答。作为基础性问题，只要回答不出来，面试就通过不了，需要真正理解，而不是死记硬背。

本期分享的内容分为试题、文章及视频三部分，答案详情解析和文章内容点击文章末尾链接即可查看！

一、考点题目

1、px 和 em 的区别。

解答：px 和 em 都是长度单位。区别是，px 的值是固定的，指定是多少就是多少，计算比较容易......

2、关于px、em、vw/wh、rem，以下说法错误的是？

A.设置为px单位的字体，无法用浏览器字体放大功能

B.将字号单位设置为em，字号将保持不变

C.vw/vh长度单位，和父元素设置无关

D.rem只依赖于根节点（html）的font-size

正确答案：B，em实际上是一个垂直测量。一个em等于任何字体中的字母所需要的垂直空间，而和它所占据的水平空......

3、关于 CSS 的单位，以下说法错误的是：

A.百分比单位始终根据父元素相应值来计算

B.vw、vh、em、rem 都是相对单位

C.90deg 表示顺时针旋转 90 度

D.1s = 1000ms

正确答案：A，line-height 的百分比是相对于自身的字体大小......

二、考点文章

1、【校招VIP】对于前端页面适配，你应该使用px还是rem

css中的单位很多，%、px、em、rem，以及比较新的vw、vh等。每个单位都有特定的用途，比如当需要设置一个矩形的宽高比为16:9，并且随屏幕宽度自适应时，除了用%，其他单位是很难做到的。所以不存在说某个单位是错误的，某个单位是最好的这种说法......

2、【校招VIP】前端开发入门到实战：CSS中字体单位：px、em、rem和%

对于绘图和印刷而言，“单位”相当重要，然而在网页排版里，单位也是同样具有重要性，在CSS3普及以来，更支持了一些方便好用的单位（px、em、rem…等），这篇文章将整理这些常用的CSS单位，也帮助自己未来在使用上能更加得心应手......

3、【校招VIP】px与 rem css常见单位

rem 是根据根元素的fontSize来计算，这里的根源素指的是html；em 是根据其父级的font Size来计算的......

三、考点视频

盒子模型和box-sizing属性

本题是前端项目开发的基础，也是面试的必考题之一。要区分传统box模型和CSS3加了box-sizing属性后的区别，和对应的使用场景。主要是对元素width和块总宽度的考察，包括padding和border的值的影响......

相关题目及解析内容可点击下方链接查看：
PC端链接：https://xiaozhao.vip/dTopic/detail/1313
移动端链接：https://m.xiaozhao.vip/dTopic/detail/1313