【校招VIP】前端JS语言考点之px rem等单位

考点介绍：

em/rem：用于做响应式页面，不过我更倾向于rem，因为em不同元素的参照物不一样（都是该元素父元素），所以在计算的时候不方便，相比之下rem就只有一个参照物（html元素），这样计算起来更清晰。

本期分享的前端JS语言考点之px rem等单位，分为试题、文章以及视频三部分。

答案详情解析和文章内容点击下方链接即可查看！

一、考点题目

1、请你说说em与rem的区别？

解答：rem是CSS3新增的一个相对单位（root em，根em），相对于根元素(即html元素)font-size计算值的倍数......

2、移动端-以一个固定尺寸(750px)为标准-将 px 转化为 rem

解答：将这段js代码命名为一个mobile-adaption.js引入到页面中,就可以愉快的使用了,将px转化为rem,实现自适应布局.....

3、rem布局？

解答：div{font-size:0.16rem};//以100px作为rem，根据UI的px计算更方便.....

（答案点击下方链接查看哦）

二、考点文章

1、前端开发入门到实战：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的区别与联系

em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局……

（点击下方链接查看完整版）

三、考点视频

1、把CSS的复杂选择器和简单选择器放到一起比较优先级，会不会晕

当我们写页面的时候，不知道你会不会产生这样的问题，为什么我给他添加的这条样式分明已经选择到我要给的元素了，但是他的样式并没有生效，那是为什么呢……

更多资讯可搜索校招VIP小程序查看哦!
移动端链接：https://m.xiaozhao.vip/dTopic/detail/522
PC端链接：校招VIP，专题 - 校招VIP