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

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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/66407.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

学习SOLIDWORKS Simulation有限元分析就是如此简单

当工程师完成产品设计后,一般都会想验证一下设计是否满足要求,此时SOLIDWORKS Simulation有限元分析就是很好的工具, SOLIDWORKS 创新的将复杂的分析过程和术语进行“包装”,使其操作比较简单,同时功能比较强大&#x…

【NLP】训练LLM的不同方式

一、说明 在大型语言模型(LLM)领域,有各种各样的 训练机制,具有不同的手段,要求和目标。由于它们服务于不同的目的,因此重要的是不要将它们相互混淆,并了解它们适用的不同场景。 在本文中&#…

leetcode375. 猜数字大小 II(动态规划-java)

猜数字大小 II lc - 375 猜数字大小 II题目描述暴力递归 记忆化搜索代码演示动态规划 动态规划 lc - 375 猜数字大小 II 题目描述 我们正在玩一个猜数游戏,游戏规则如下: 我从 1 到 n 之间选择一个数字。 你来猜我选了哪个数字。 如果你猜到正确的数字&…

微型导轨在包棉机中的作用

随着工业革命的开展,各种人工智能设备的迅猛发展,为了适应高速发展的工业自动化,越来越多的工业企业开始采用微型导轨,尤其是在包棉机中的应用。 包棉机是一种用于加工棉花的机械设备,它的主要功能是将原始棉花经过清洁…

Wlan——CAPWAP隧道的建立过程

CAPWAP基本概念 CAPWAP全称为无线接入点的控制和配置协议(Control And Provisioning of Wireless Access Points Protocol Specification) CAPWAP协议主要作用 1、AP可以通过CAPWAP实现自动发现AC 2、AC通过CAPWAP协议对AP进行管理、业务配置下发 3…

电信流失用户画像

三大运营商电信、联通、移动,都想扩大自己的客户群体。据研究,获取新客户所需的成本远高于保留现有客户的成本。因此为了满足在激烈竞争中的优势,提前预测出用户是否会流失,采取保留措施成为一大挑战。本文和你一起探索电信流失客…

7.1 动手实现AlexNet

AlexNet引入了dropput层 代码 import torch from torch import nn from d2l import torch as d2lnet nn.Sequential(# 样本数为1,通道数为96,11x11的卷积核,步幅为4,减少输出的高度和深度。 LeNet的通道数才6,此处96,为什么要增加这么多通…

VS2017 查看dll

dumpbin /exports xxxx.dll 导出函数 dumpbin /dependents xxxx.dll 依赖关系

打造数字化营销闭环,破解精准获客难题

现阶段,企业需要进行数字化营销闭环,以实现更精确的客户获取。随着数字技术的迅猛发展,企业需要将在线广告、社交媒体营销和数据分析等工具相互结合,建立一个完整的数字化营销流程。通过使用客户细分、精准定位和个性化广告等手段…

layui的基本使用-日期控件的业务场景使用入门实战案例一

效果镇楼&#xff1b; 1 前端UI层面&#xff1b; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport&…

基于K8S环境部署Dolphinscheduler及简单应用

一、Dolphinscheduler简介 Apache DolphinScheduler 是一个分布式易扩展的可视化DAG工作流任务调度开源系统。适用于企业级场景,提供了一个可视化操作任务、工作流和全生命周期数据处理过程的解决方案。 Apache DolphinScheduler 旨在解决复杂的大数据任务依赖关系,并为应用…

学C的第三十三天【C语言文件操作】

相关代码gitee自取&#xff1a; C语言学习日记: 加油努力 (gitee.com) 接上期&#xff1a; 学C的第三十二天【动态内存管理】_高高的胖子的博客-CSDN博客 1 . 为什么要使用文件 以前面写的通讯录为例&#xff0c;当通讯录运行起来的时候&#xff0c;可以给通讯录中增加、删…