admin 管理员组

文章数量: 887021

px,em,rem,vw的区别, 如何进行转换?

1. 什么是px?

        px是分辨率的单位，是英语单词pixel的缩写，意为像素。2像素是分辨率的单位，分辨率越高，那么显示效果就越精细和细腻,用于width、height、line-height、margin、border等属性上。

2. 什么是em?

        em是一个相对单位,相对于当前元素的字体大小,如果当前元素没有字体大小则相对于浏览器的默认字体大小,用于width、height、line-height、margin、border等属性上。

        1em = 当前元素的字体大小,如果当前元素没有字体大小则相对于浏览器的默认字体大小

3. 什么是rem?

        rem也是一个相对单位,相对于根元素的字体大小,也就是相对于html标签的字体大小,用于width、height、line-height、margin、border等属性上。

        1rem = 1HTML字号大小

4. 什么是vw?

        vw就是视口的宽度，vw 是个相对单位。不管在什么屏幕下， 我们把屏幕分为平均的 100等份。

     在375px 的设计稿下 1vw = 3.75px。

本文标签： px em rem vw的区别 如何进行转换

版权声明：本文标题：px,em,rem,vw的区别, 如何进行转换? 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1699441551h349620.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。