考点介绍:
rem vm等问题是前端面试里的高频题型。但是不少同学并不能很清楚的说明为什么在有px单位之后,还需要rem单位?往往会往不对的自适应方向回答。
作为基础性问题,只要回答不出来,面试就通过不了,需要真正理解,而不是死记硬背。
前端JS语言考点之px rem等单位相关题目及解析内容可点击文章末尾链接查看
一、考点题目
1.请你说说em与rem的区别?
解答:rem是CSS3新增的一个相对单位(root em,根em),相对于根元素(即html元素)font-size计算值的倍数
只相对于根元素的大小
rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位......
2.移动端-以一个固定尺寸(750px)为标准-将 px 转化为 rem
解答:
(function(win, lib) {var doc = win.document;var docEl = doc.documentElement;var devicePixelRatio = win.devicePixelRatio;var dpr = 1;var scale = 1;// 设置vierPortfunction setViewport() {dpr = 1;win.devicePixelRatioValue = dpr;scale = 1 / dpr;var metaEl = doc.createElement('meta');metaEl.setAttribute('name', 'viewport');metaEl.setAttribute(
3.rem布局?
解答:html{font-size: 16px} div{font-size: 1rem}
这里的rem就是16px;
给html{font-size: 26.66667vw;};//......
二、考点文章
1.【校招VIP】前端开发入门到实战:CSS中字体单位:px、em、rem和%
对于绘图和印刷而言,“单位”相当重要,然而在网页排版里,单位也是同样具有重要性,在CSS3普及以来,更支持了一些方便好用的单位(px、em、rem…等),这篇文章将整理这些常用的CSS单位,也帮助自己未来在使用上能更加得心应手......
2.【校招VIP】px与 rem css常见单位
css的单位:px 这个不需要说,rem/em,vh/vw,vmax/vmin......
3.【校招VIP】px、rem、em的区别与联系
px是固定的像素,一旦设置了就无法因为适应页面大小而改变;em和rem相对于px更具有灵活性,他们是相对长度单位......
三、考点视频
1、把CSS的复杂选择器和简单选择器放到一起比较优先级,会不会晕
当我们写页面的时候,不知道你会不会产生这样的问题,为什么我给他添加的这条样式分明已经选择到我要给的元素了,但是他的样式并没有生效,那是为什么呢……
前端JS语言考点之px rem等单位相关题目及解析内容可点击下方链接查看
前端JS语言考点之px rem等单位-移动端链接
前端JS语言考点之px rem等单位-PC端链接