px、em、rem、vm(vh)

原创 前端小白hyc 随笔 css3 76阅读 17 天前 举报

px

不解释...

em

相对大小,其参照父元素父元素的font-size,比如:<div>字体大小为16px,
这个<div>的后代继承它的字体大小,此时,<div>子元素<p>设置字体为0.75em,
换成 px 为0.75*16 = 12px;

特点:
1、元素的width/height/padding/margin用em的话是相对于该元素的font-size
2、子元素字体大小的em是相对于父元素字体大小

rem

相对大小,相对于根元素。比如,设计稿是 750 * 1664,(1rem = 100px)(设置100方便计算)此时公式  750:100 = 设备宽度:该设备下的字体大小

vm(vh)

个人感觉和 % 有点类似,测试以后再来写
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复