首页 > 其他 > 详细

rem 计算公式

时间:2019-07-22 12:47:09      阅读:156      评论:0      收藏:0      [点我收藏+]

rem 量图计算公式:

获取比值:设备尺寸/设计图尺寸 

例如:设备宽度尺寸为   375px 、设计图尺寸为750px,计算获得比值为0.5,量得设计图上某个图片元素宽度为 100px,实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。

故:

设置html 下font-size 默认值为 0.5px,为了计算方便一般会以100倍计算,也就是50px,如下:

@media screen and (min-width:375px) {
    html {
        font-size: 50px;
    }
}

如上,此时在375的设备上 1rem  =  50px,在写css 的时候设置其宽度为0.5rem即可(.5rem 就等于 50px 的实际设备上的宽度,换算到ui设计图上,也就是 100px)

img.test_img{
    width : .5rem  
}

 

rem 计算公式

原文:https://www.cnblogs.com/jony-it/p/11225143.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!