px em rem rpx的使用


px:是绝对单位;相对于屏幕显示器而言

em:相对单位;相对于父元素尺寸的倍数,继承父元素字体大小,比如父元素font-size:16px;1em = 16px,2em = 32px;

rem:相对单位;R表示root(即根),相对于html的font-size大小(即相对于html根元素);

rpx::微信小程序自适应屏幕的尺寸单位,微信小程序规定屏幕尺寸宽度为750rpx(所有机型)

比如iphone的屏幕宽度是375px,把它分为750rpx后,1rpx = 0.5px;

微信小程序也支持rem,rem规定屏幕的宽度为20rem,1rem = (750/20rpx = 37.5rpx;