1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > #名词区别篇:px em rem rpx vh vw vmin vmax %用法 与 区别

#名词区别篇:px em rem rpx vh vw vmin vmax %用法 与 区别

时间:2023-06-21 13:27:11

相关推荐

#名词区别篇:px em rem rpx vh vw vmin  vmax %用法 与 区别

px

像素,相对长度单位,相对于显示器屏幕分辨率而言

em

相对长度单位,相对于当前对象内文本的字体尺寸。

如果当前文本字体尺寸没有设置,则相对浏览器默认字体尺寸。

特点:

1.值不是固定的

2.会继承父的字体大小

注意: 浏览器默认的字体都是16px。1em = 16px;0.625em = 10px

body中font-size=62.5%,及16px*62.5% =10px 转换基准 1em = 10px

rem

rem是css3新增的一个相对单位(root em,根em)

与em的区别

rem为元素设定字体大小是,为相对大小,相对的根是HTML根元素

优点 之修改根源素就成比例的调整所有字体大小

rpx

rpx可根据屏幕宽度进行自适应。

规定屏幕宽为750rpx。iphone上屏幕宽375px,共750物理像素

750rpx = 375px = 750物理像素 1px = 0.5px=1物理

vh

相对于viewport视窗的宽高进行计算单位

相对视窗高度的单位

1vh = 1/100浏览器高度

vw

相对视窗宽度的单位

1vw = 1/100浏览迪宽度

vmin & vmax

vmin:取当前Vw和Vh中较小的那一个值

vmax:取当前Vw和Vh中较大的那一个值

%

相对长度单位,相对于父元素的百分比

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。