前端、UI设计师需要知道的px，em，rem，rpx单位
前端工程师，UI设计师，程序员遇到的单位 px，em，rem，rpx，我们来一一了解，知道如何去选择适合的单位。
二、px
1、px 是最基本的尺寸，就是设备的像素。通常我们说的电脑分辨率，就是像素的问题。
2、问题：怎么让 Chrome支持小于12px 的文字谷歌浏览器中，默认的中文汉字最小字体是12px，不管你设置成 8px 还是 10px，在浏览器中只会显示 12px（以前的问题，现在应该已经支持了，如果遇到这个问题可以这样解决）```HTML<style> p span{ font-size:10px; transform: scale(0.8); -webkit-transform:scale(0.8);}</style><p><span> 10px</span></p>```
六、如何选择
1、px：设备屏幕的像素，浏览器的默认亨蚂擤缚字体高都是 16pxem：相对于父元素的比例 （会继承父级元素的字体大小，代漉胜衲仰表倍数。继承的是计算公式，不是值）rem：相对于根元素的比例 （始终是基于根元素 <html> ，代表倍数。继承的是计算公式，不是值） ① rem 要比 em 更好设置, ② 但是rem 不兼容低级浏览器，为了兼容不支持 rem 的浏览器 ③ 需要在各个使用了 rem 地方前面写上对应的 px 值，这样不支持的浏览器 可以优雅降级。 ④ 如果用户群都使用最新版的浏览器，那推荐使用 rem， 如果要考虑兼容性，那就使用 px，或者两者同时使用。rpx：rpx是微信小程序推出的一个单位（更好适配手机端）rem 是 em 的升级，要用的话就选择 rem 了，不要再去选择 em。但是 px 与 rem 怎么选择。rem 不兼容低级版本的浏览器，也看 UI 设计师怎么设计吧。用的多的还是 px。