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