常见样式问题六、CSS长度单位(px、em、rem等)及相关内容

本文详细介绍了CSS中的长度单位,包括相对单位px, em, rem和绝对单位in, cm, mm, pt, pc。探讨了px与pt在不同dpi下的关系,以及dpi、ppi、dp、dpr和sp在设备独立像素中的作用。解释了在不同场景下如何选择合适的长度单位。" 90243155,5621586,Linux系统开机信息与dmesg命令实战指南,"['Linux系统', '系统管理', '命令行工具']

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、基本长度单位

1、相对长度单位

  • px:像素。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。同样尺寸的屏幕,分辨率越大,像素的物理尺寸越小(分辨率=屏幕横向的像素数量 *屏幕纵向的像素数量。所以像素大小 = 屏幕尺寸^2 / 分辨率)。windows系统使用的分辨率一般是96像素/英寸。而mac的用户所使用的分辨率一般是72像素/英寸。
  • ex:所有字体中小写x的高度。目前很多用户代理会将1/2em作为ex的值。
  • em:相对于当前元素内文本的字体大小。如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。注意:对于字体来说,1em = 父元素的font-size;对于其他的,1em=元素的font-size。
  • rem:font size of the root element,是CSS3新增的单位。和em类似,但是是以文档根元素<html>的字体作为参照。

2、绝对单位

绝对单位与屏幕分辨率无关,长度是固定的。绝对单位有:in、cm、mm、pt、pc。

1in = 2.54cm = 25.4mm = 72pt = 6pc。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值