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
给心灵一个纯净空间,让思想,情感,飞扬!