移动端自适应rem算法

关于rem使用
一般移动端设计稿为640*1136,(px),假设我们设置html的font-size为10px即1rem=10px;我们以iphone5为浏览设备为标准制作,那么我们在切图写页面的时候,rem和px这个关系是怎样处理的呢?(注:iphone5分辨率为320*568px)
答:假定我们从设计稿上切一张480px的图,我们的rem计算过程为:
320/640=1/2; //应该设置的尺寸占设计稿尺寸多少比例
480*(1/2)/10=480/20=24rem
总结公式:设计稿任意尺寸px*(设备屏幕px/设计稿尺寸px)/(font-size);
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值