发表于: 2019-06-03 22:09:47

1 1199


     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单位转换工具

地址:http://pxtoem.com/


今天知道了px    em  rem

明天学习切图


















返回列表 返回列表
评论

    分享到