当前位置:首页 > 前端 >

1rem等于多少px (rem和px怎样转换?)

时间:2023-01-03 11:29:30浏览:1744 转载

1rem等于html根元素设定的font-size的px值

如果css里面没有设定html的font-size,则默认浏览器以1rem=16px来换算。


假如我们在css里面设定下面的css

html{font-size:14px}

那么后面的CSS里面的rem值则是以这个14来换算。


例如设定一个div宽度为3rem,高度为2.5rem.

则它换算成px为width:42px.height:35px


同理,假如一个设计稿为宽度42px,高度为35px

则换成rem,则是42/14=3rem,35/14=2.5rem。(14就是html的font-size)



上一篇:input输入检验的change事件和input事件,附jquery写法
下一篇:js 对小数进行格式化(保留小数,去除小数后的0)

发表评论

昵称:  验证码:

关于博主

博主

博主:BlueCode

职业:web程序

简介:2002年开始一直从事Web制作,网站运营,会PHP+MYSQL ASP+MSSQL,微信开发