发表于： 2019-06-03 22:09:47
1 1202
px em rem
px像素，相对于长度单位是相对于显示器屏幕分辨率
em是长度相关单位，相对于当前对象内文字的尺寸，如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸
任意浏览器默认字体都是16 px，所有未经调整的浏览器都符合1em=16px. 12px=0.75em(12/16=0.75) 10px =0.625(10/16=0.625)
为了简化font-size的换算，需要在css中的 body选择器中声明fonbt-size=62,5%, 这就使em值变为16px *62.5%=10px, 12px=1.2em
10px=1em. 需要将你原来的px 数值除以10，换上em单位就行了该属性
font-size属性可以设置元素的字体大小，实际他设置的字体是字符中字符框的高度，实际的字符字形可能比这些框高或者矮（一般会矮）
rem值不固定，会继承父级元素的字体大小，
6像素 | 0.375em | 37.5％ | 5pt |
像素 | 新兴市场 | 百分 | 点 |
7px的 | 0.438em | 43.8％ | 5pt |
8像素 | 0.500em | 50.0％ | 6PT |
9px | 0.563em | 56.3％ | 7PT |
10px的 | 0.625em | 62.5％ | 8PT |
11像素 | 0.688em | 68.8％ | 8PT |
12px的 | 0.750em | 75.0％ | 宋体 |
13像素 | 0.813em | 81.3％ | 10PT |
14px的 | 0.875em | 87.5％ | 11磅 |
15px的 | 0.938em | 93.8％ | 11磅 |
16px的 | 1.000em | 100.0％ | 12磅 |
知识+ | 1.063em | 106.3％ | 13pt |
18像素 | 1.125em | 112.5％ | 14pt |
19px | 1.188em | 118.8％ | 14pt |
20像素 | 1.250em | 125.0％ | 15pt |
21px | 1.313em | 131.3％ | 16PT |
的22px | 1.375em | 137.5％ | 17pt |
23像素 | 1.438em | 143.8％ | 17pt |
24px的 | 1.500em | 150.0％ | 18pt |
在这里为大家提供一个px,em,rem单位转换工具
今天知道了px em rem
明天学习切图
返回列表
评论