HTML 中几种常见长度单位介绍

本文详细介绍了HTML中的长度单位,包括相对单位(em, ex, ch, rem, vw, vh, vmax, vmin 和 %)和绝对单位(in, cm, mm, q, pt, pc, px)。重点讨论了vw/vh/vmax/vmin单位的使用,并提供了视口单位与百分比单位的区别。此外,还提到了不同单位间的换算比例。" 79809806,6842315,MySQL ZIP安装教程,"['数据库', 'MySQL安装', '服务器管理', '系统配置']
摘要由CSDN通过智能技术生成

一:长度单位包括

1.相对长度单位包括:em, ex, ch, rem, vw, vh, vmax, vmin  %

2.绝对长度单位包括:in,cm, mm, q, pt, pc, px

1.相对长度单位:

em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

ex:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸

ch:数字“0”的宽度

rem:相对于根元素(即html元素)font-size计算值的倍数

vw:相对于视口的宽度。视口被均分为100单位的vw   (1vw 等于视口宽度的1%)

    (

当前浏览器宽度: 1500px

            设计稿宽度:750px

            html_font-size:100*100/750vw   10000/设计稿宽度 vw

   即: html{

            font-size:13.333vw;

        }

)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值