【CSS】相对长度、绝对长度

最新推荐文章于 2024-03-28 11:00:37 发布
最新推荐文章于 2024-03-28 11:00:37 发布
阅读量2.1k 收藏 3
点赞数 1
分类专栏： CSS 文章标签： css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42347235/article/details/106362884
版权

相对长度

em：字体的尺寸，比如当前字体大小为18px，则2em=36px

ex：英文字母“x”的高度

ch：数字0的宽度

rem：root em 分两种情况，作用于非根元素时，其大小相对于根元素大小；作用于根元素时，其大小相对于初始大小

vw：view width 视窗宽度，1vw=1%视窗大小，100vw占满整个视窗

vh：view height 视窗高度，同上

vmin：vw和vh中较小的

vmax：vw和vh中较大的

%：相对于父元素的百分比

绝对长度

cm：厘米

mm：毫米

in：inch 英寸

px：像素

pt：point 约1/72in

pc：pica 约1/6in

橙子有糖
关注
专栏目录
css相对单位和绝对单位
shuoxi666的博客
05-24 2699
css长度单位分为 相对长度 和 绝对长度 1.相对长度 相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设配相对长度更加适用。 单位 描述 em 它是描述相对于应用在当前元素的字体尺寸，所以它是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px ex 依赖于英文字母小x的高度 ch 数字0的宽度 rem rem是根(root em)的缩写，相对于根元素字体大小（相对的只是HTML根元素）； vw viewpoi
绝对大小与相对大小
qbw_csdn的博客
05-19 1995
问题：设计软件界面时，使用绝对像素值固定控件大小，需要软件界面大小可调整。 方法：比例 = 绝对像素值 / 界面分辨率，用此比例乘以控件的绝对像素值。
css绝对长度单位
spicyIsPleasant的博客
03-30 283
1-px（在逻辑像素的前提下是绝对长度） css像素。又被称为设备独立像素或逻辑像素 虚拟单位，相对于显示器屏幕分辨率。 一般而言，windows为96像素/英寸，Mac为72像素/英寸 2-pt 物理像素。又被称为设备像素 1/72英寸 3-pc 派卡。 1pc = 2.54cm 4-cm 厘米 5-mm 毫米 6-in 英寸 ...
CSS的长度单位
qq_56930747的博客
04-30 663
CSS中的长度单位分为绝对单位和相对单位。 绝对单位：一个单位可以代表实际的长度大小，在页面中以最精确的像素进行展示。 相对单位：相对单位是浏览器的度量单位，相对于物理像素（显示器的分辨率）。 单位符号 单位名称 相对/绝对单位 备注 px 像素 绝对单位 - in 英尺 绝对单位 1in=96px cm 厘米 绝对单位 1cm=37.8px mm 毫米 绝对单位 1mm=3.78px em
CSS中确定绝对元素大小的两种方法
06-02 428
人谁使用CSS一会儿就会知道的绝对和相对定位的优点。 要回顾一下： position: relative允许元件从它的原始位置或者水平移位（使用left或right ）或垂直（使用top或bottom ）。 position: absolute允许一个元件被定位相对于使用包含块left ， right ， top或bottom （包含块是具有的位置最近的祖先节点相对的，绝对的或固定的）。 ...
CSS中详解绝对与相对长度单位：从像素到em/rem
本文主要探讨了CSS中的长度单位，将其分为两大类：绝对长度单位和相对长度单位。绝对长度单位如像素(px)、英寸(in)、厘米(cm)、毫米(mm)以及1/4毫米(q)，这些都是基于物理测量的单位，可以直接转换成像素进行网页...
CSS长度单位详解：绝对与相对值深度解析
本文将深入探讨CSS中的长度单位，包括绝对长度单位和相对长度单位，帮助读者更好地理解和应用这些单位在网页设计中的作用。首先，我们来看一下绝对长度单位，如像素（px），它是网页设计中最基础的单位，与显示器上...
CSS长度单位详解：相对与绝对单位的差异及px与pt应用
1. **相对长度单位**： - `px` (像素)：这是最基本的单位，1px等于屏幕上的一个物理点，不随屏幕分辨率变化，适合于精确控制元素尺寸。例如，在上面提供的HTML示例中，无论分辨率如何，设置为20px的字体大小始终以...
【CSS】相对长度单位 绝对长度单位,vw/vh , rem等
freedomVenly的博客
01-29 3405
相对单位： （一般用于对屏幕分辨率兼容较高的项目，可以使用不同设备的大小） 单位 描述 em ems始终相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px； ex 依赖于英文字母小 x 的高度 ch 数字 0 的宽度 ...
CSS中相对长度单位
张波的技术积累
01-08 4281
相对长度单位是网页中常用的长度单位，其中包括em、ex和ps    em：定义文字时font-size属性定义的值的单位，例如，在font-size属性中，定义文字大小为12pt，那么此时1em就是12pt的长度。    ex：定义文字时字母x的高度，因为不同的字体中x的高度是不同的，所以单位ex的实际大小也不同。    px(像素)：将显示器分成非常细小的方格，那么每个方格就是一个px，p
php在css中应用,CSS中的长度单位的应用介绍
weixin_42398055的博客
03-12 100
本篇文章给大家带来的内容是关于CSS中的长度单位的应用介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米(cm)和英...
css 长度单位的理解
技术的搬运工
12-13 811
css 长度单位的理解：绝对长度、相对长度
css中尺寸单位介绍
01-09 451
1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5 但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。 2.rem 这里的r就是root的意思，意思是相对于根节点来进行缩放，当有嵌套关系的时候，嵌套关系的元素的字体大小始终...
CSS中的那些相对单位
最新发布
YN2004的博客
03-28 367
vw：设备视口宽度的百分比 v：viewport w：width。1rem = 根元素html的字体大小 = 16px。vmin：相对于视口宽度和高度的较小者。vmax：相对于视口宽度和高度的较大者。rem：相对于根元素字体大小。1vw = 视口宽度的百分之一。em：相对于自身字体大小。
有关Html中长度单位的绝对与相对
华夏天骄
04-17 771
长度单位的绝对与相对 绝对长度 单位 描述 cm 厘米 mm 毫米 in 英寸 (1in = 96px = 2.54cm) px 像素 (1px = 1/96th of 1in) pt 点 (1pt = 1/72 of 1in) pc 派卡 (1pc = 12 pt) 相对长度 单位 描述 em 相对于元素的字体大小（font-size）（2em 表示当前字体大小的 2 倍） ex 相对于当前字体的 x-height(极少使用) ch 相对于
中相对长度_通俗理解狭义相对论的两个基本原理
weixin_28961565的博客
01-11 656
有关“场”的理论，之所以在20世纪被人们广泛接受并得到迅速发展，完全是因为麦克斯韦电磁场理论经受住了各种考验，立住了脚。而当电磁场理论受到伽利略相对性原理的挑战险些崩溃时，正是爱因斯坦的相对论使之化险为夷。因为相对论，电磁场理论不仅能够成立，而且还能描述高速运动现象。所以我们在讨论场时，不能忽视狭义相对论的两个基本原理。创立狭义相对论的背景人们从传统的时间、空间和运动的观念出发，看到电磁现象是不服...
【CSS】浅谈 CSS 中常用的相对长度单位 em, rem
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
11-16 3824
前端修罗场提供全网最专业的前端优质文章与社区服务，为应届生，初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务！内容包含：前端面试辅导，前端面试题，前端交流，前端答疑，前端基础知识，前端知识体系，技能树搭建，Javascript，CSS，CSS3，HTML，React，Vue，小程序，前端简历，职业交流，远程工作，英文交流，英文提升，外企，互联网，国企，大厂，牛客面试题，掘金面试题，面经，优质前端文章分享...
CSS 单位
qq_30436011的博客
09-02 1129
在不同的设备之间，每 1 个 CSS 像素所代表的物理像素是可以变化的。当DOM元素嵌套加深时，并且同时给很多层级显式的设置了font-size的值的单位是em，那么就需要层层计算，复杂度会很高。当使用这个单位时，无论显示器的分辨率是多少，打印在纸上的结果都是一样的。这些单位比较适合用于创建全视区界面，例如移动设备的界面，因为元素是根据视区的尺寸而变化的，与文档树中的任何元素都没有关系。这四个单位都是视窗单位，所谓的视窗，在web端指的就是可视区域，移动端的视窗指的就是布局视窗。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值