CSS 的长度单位

长度单位包括包括:相对单位和绝对单位。

相对长度单位包括有: emexchremvwvhvmaxvmin

绝对长度单位包括有: cmmmqinptpcpx

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

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

ch       数字“0”的宽度

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

vh       相对于视口的高度。视口被均分为100单位的vhvw      相对于视口的宽度。视口被均分为100单位的vw

vmax  相对于视口的宽度或高度,总是相对于大的那个。视口的宽度或高度被均分为100单位的vmax

vmin   相对于视口的宽度或高度,总是相对于小的那个。视口的宽度或高度被均分为100单位的vmin

cm      绝对长度单位: 厘米(Centimeters)    1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

mm     毫米(Millimeters)

q         1/4毫米(quarter-millimeters)

in        英寸(Inches)

pt        点(Points)

pc       派卡(Picas)   相当于我国新四号铅字的尺寸。

px       相对长度单位。像素(Pixels)。

          1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

rpx      微信小程序中最小像素单位

           可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值