前端面试题 - HTML 中的长度单位

单位

在使用不同类型描述长度值时，需要附加单位。不同的单位表示的含义是不同的
在 CSS 中具有 2 种不同类型的长度单位：

绝对长度单位
相对长度单位

绝对长度单位

所描述的长度任何其他因素是无关的，是固定、不变化的。

单位	名称	等价换算
cm	厘米	1cm = 96px/2.54
mm	毫米	1mm = 1/10th of 1cm
Q	四分之一毫米	1Q = 1/40th of 1cm
in	英寸	1in = 2.54cm = 96px
pc	十二点活字	1pc = 1/16th of 1in
pt	点	1pt = 1/72th of 1in
px	像素	1px = 1/96th of 1in

相对长度单位

相对长度单位所描述的长度一般会具有一个明确的参照物，例如父级元素、根元素或视口大小等。

所以在视觉上会随着参照物尺寸的变化而变化，对不同尺寸设备的适配也相对会更友善。

单位	相对于
em	父元素的字体大小
ex	字符“x”的高度
ch	数字“0”的宽度
rem	根元素的字体大小
lh	元素的line-height
vw	视窗宽度的1%
vh	视窗高度的1%
vmin	视窗较小尺寸的1%
vmax	视图大尺寸的1%

转自：简书_HTML中的单位

前端面试题 - HTML 中的长度单位相关推荐

前端面试题 Vue 中的生命函数(钩子函数)
目录一,生命周期(钩子函数) 的简介二,四类钩子函数的触发条件及使用方法钩子函数声明的位置: 1. Lifecycle-初始化 beforeCreate 和 created 2.Lifec ...
「前端面试题系列7」Javascript 中的事件机制（从原生到框架）
前言这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法伪类与伪元素的区别及实战如何实现一个圣杯布局? ...
JavaScript中的load事件的作用_史上最全的web前端面试题汇总及答案JavaScript之二（二）...
作者:樱桃小丸子儿链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...
前端面试题：JS中的原型和原型链
JS的原型和原型链算是前端面试题的热门题目了,也是参加了几场面试,感觉好多次都被问到对原型和原型链的理解,所以今天也是索性把他给整理出来,一方面方便自己以后复习查看,另一方面也是给大家分享一下我对原型 ...
2022年最新互联网大厂前端面试题及答案-前端工程必备技能(持续整理更新中【关注收藏不迷路】）
对于做前端的朋友,或者做了前端几年了,基础不好的,或者想进大厂的想了解深入,下面的知识点很多前端朋友都没有深入了解.很重要,看完有种茅塞顿开感觉,**关注+收藏哦,总有一天用的得.** 涉及到知识点: ...
前端面试题回顾与复习（更新中）
还没有完全整理好希望大家见谅后面逐步优化原生DOM操作如需替换 HTML DOM 中的元素,请使用replaceChild(newnode,oldnode)方法从父元素中删除子元素 pare ...
2021-2022 最新最全的前端面试题集锦（2022 持续更新中...敬请关注）
写在最前想起上一次的面试经历,不免细思极恐. 工作以来,感觉自己接触到的东西还是挺多的,但是当我面试的时候,就会发现各种问题,很多知识点都是模棱两可,答得不全面.究其原因,还是没有吃透这些内容.所以 ...
最近超火的公司前端面试题
前端面试题: 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现 div{ position: absolute; width: 200px; height: 200px; left ...
2018最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)--转载
版权声明:本文为转载文章,感谢博主小胖梅的博客,如有侵权,请联系我删除,谢谢转载链接: https://blog.csdn.net/xm1037782843/article/details/8070 ...

前端面试题 - HTML 中的长度单位

单位

绝对长度单位

相对长度单位

前端面试题 - HTML 中的长度单位相关推荐

最新文章

热门文章