px和rpx是尺寸单位，在网页开发中常用，而em和rem是字体尺寸单位，在网页开发和移动端开发中常用，下面分别介绍一下它们的区别和用法：
- px：像素，是绝对单位，不会随字体大小变化而变化，像素值越大，元素越大。在开发中，常用于固定宽度的元素。使用方法：直接添加数值，如font-size: 12px;
- rpx：相对像素，是微信小程序中的尺寸单位，可以根据屏幕宽度进行自适应缩放，一个屏幕宽度为750rpx。使用方法：直接添加数值，如width: 100rpx;
- em：相对于父元素字体大小，是相对单位，根据父元素字体大小计算。使用方法：直接添加数值，如font-size: 2em; 表示字体大小是父元素字体大小的2倍。
- rem：相对于根元素字体大小，根据根元素字体大小计算，设置在根元素上，一般默认为16px。使用方法：在根元素设置字体大小，如html{font-size: 16px;}，然后使用rem设置元素的字体大小，如font-size: 1.5rem; 表示字体大小是根元素字体大小的1.5倍。
总体来说，px和rpx是固定的绝对长度单位，而em和rem是相对长度单位，根据父元素或根元素的字体大小计算。在开发中，应该根据实际需求选择合适的单位。
推荐给大家一个px,em,rem单位转换工具：PX to EM conversion made simple.
标签：
css
本文转载自: https://blog.csdn.net/m0_74265396/article/details/134248602
版权归原作者 m0_黎明 所有， 如有侵权，请联系我们删除。
版权归原作者 m0_黎明 所有， 如有侵权，请联系我们删除。