考点介绍:
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