css中 单位px 和em转换方法及示例分享


摘要:
下文讲述CSS中px和em的转换方法分享,如下所示;

em单位是一个相对长度单位,是我们H5开发中常用的单位,
在网页中1em = 网页默认字体的像素单位(常见的默认字体单位为16px)
即: 1em = 16px
2em =32px
0.5em =8px

 实现思路:
      1.获取网页默认字体像素值
      2.根据默认字体像素值确定出 1em的值所对应的像素
      3.使用1em所对应的像素值计算当前**em所对应的像素值

例:

  /*
     网页默认字体大小为 12px 
     则0.2em为多少像素呢?
  */
  
   0.2em = 12px *0.2 = 6px;