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

102 阅读2分钟

考点介绍:

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小程序查看哦!
移动端链接:m.xiaozhao.vip/dTopic/deta…
PC端链接:xiaozhao.vip/dTopic/deta…

校招考点专题宣传单 (13).png