CSS文字 大小设置默认值 【 em 与 px 转换 】♣ ★♣ ★ ---------------》 设置为: 1em=10px 1.2em=12px

 自定义em与px转换:   

1.   font-size: 16px;  font-size: 1em; font-size: 100%; 这样的话,  1em=16px     【默认:1em=16px】

 

2.   font-size: 14px;  font-size: 1em; font-size: 87.5%; 这样的话,  1em=14px       【自定义】

 

3.   font-size: 10px;  font-size: 1em; font-size: 62.5%; 这样的话,  1em=10px   ,    1.2em=12px  ,  1.4em=14px  , 1.5em=15px   ,  1.6em=16px        【自定义】

     而且,外层尽量不设置em,只在最内层进行设置,这样就不会出现比例错位的问题了。。。。。。。

 

备注:正常情况下:1em=16px,  则10px=0.625em;

   换算过程:1em = 16px -->0.625em=10px

 

 默认状态下:     

      “Ems”: em,大小不固定 ,成为相对单位(body则相对浏览器的默认字体设置,子集相对父级), 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展,2em = 32px , 目前常用的字体大小px换算成em ,

16px = 1em; 14px = 0.875em; 12px = 0.75em; 10px = 0.625em

 

em px 简单换算:

http://www.cnblogs.com/shimily/articles/4410115.html

 

posted @ 2015-04-08 12:28  Shimily  阅读(665)  评论(0编辑  收藏  举报