px rpx pt em rem单位

一. rpx :微信小程序开发中新出了尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。

如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

设备 rpx换算px  (屏幕宽度/750) ;px换算rpx  (750/屏幕宽度) ;px属于逻辑像素。


二.px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的


三.rem rem(root em): 仍然是相对大小,但相对的只是HTML根元素。

小程序中规定屏幕宽度为20rem;1rem = (750/20)rpx 。

移动端rem计算公式:

function getRem(pwidth,prem){
            var html = document.getElementsByTagName("html")[0];
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
            html.style.fontSize = oWidth/pwidth*prem + "px";
        }


四.em是相对长度单位。

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 EM特点 
1. em的值并不是固定的; 
2. em会继承父级元素的字体大小。


五、pt就是point,是印刷行业常用单位,等于1/72英寸。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值