• 【校招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

  • 相关阅读:
    Cmake 生成器表达式
    TiKV 源码阅读三部曲(三)写流程
    应用链如何成为 Web3 的“潜力链”?
    JavaSE笔记(二)重制版
    权限提升:Mysql 数据库 .(UDF || 启动项 || 反弹)
    第15届蓝桥STEMA测评真题剖析-2023年8月20日Scratch编程中级组
    深度操作系统 15.2——怀揣梦想,笃定前行
    算法通关村第13关【黄金】| 数论问题
    中断系统结构及中断控制详解
    简述使用vue使用webpack脚手架创建项目并升级至webpack4
  • 原文地址:https://blog.csdn.net/shuize123/article/details/125909437