关于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);
一般移动端设计稿为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);