CSS中大小单位px,em,rem 以及微信小程序的rpx

CSS中可以定义大小的单位有四种px,em,rem 以及微信小程序的rpx 。

2017-05-25


  1. px - 像素(Pixel)。相对长度单位。像素px是相对于屏幕分辨率而言的。
  2. em - 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
  • em的值并不是固定的;
  • em会继承父级元素的字体大小;
  • 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。body选择器中声明Font-size=62.5%<==>1em=10px。

  3.rem - 是CSS3的一个相对单位(root em,根em),

  • 使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。

  4.rpx - 微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。

  • 在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1px = 2rpx。小程序设计稿可以使用设备宽度750px,比较容易计算。750px的话1rpx=1px

 

 

转载于:https://www.cnblogs.com/Leesoo/p/6903148.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值