CSS的font-size属性及其em值的使用

时间：2016.04.27 发布人：kobii28

已解决问题

谷歌kobii28用户在2016.04.27提交了关于“戒魔人CSS的font-size属性及其em值的使用”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-25T23:00:32。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，谢谢你帮我,祝你快乐,愿你事事如意！

希望以下的回答，能够帮助你。

第1个回答

用户名：h**olic_Puppy 时间：2016问答

　　定义和用法

　　font-size属性可设置字体的尺寸。

　　说明

　　该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。

　　各关键字对应的字体必须比一个最小关键字相应字体要脯并且要小于下一个最大关键字对应的字体。

　　可能的督杆干区司训硫翻值

　　实例

　　设置不同的均酒钢视团沿色很业续h**TML元素的尺寸：

　　XML/h**TMLCode复制内容到剪贴板

　　h1{font-size:250%;}

　全选含　h2{font-size:200%;}

　　p{font-size:10套围响杂工回0%}

　　关于em值的使用问题

　　用ctrl键加鼠标滚轮将页面放大，会带来一个算是小小的BUG，就是市宁假设页面没有滚动条，从而会出现滚动条，而通过font-size可以解决这个小BUG，从而提升用户体验。

　　浏览器一般的默认字体大小是16px,16px=1em,这样换算的各它引坏迫输侵额线损话，1px=0.0625,因此如果我们要给字体燃起设置12px的大小，则为0.75em,依次类推要设置的字体大小em值为0.0625*目标px大小值，注意em值会继承父级的字号值。但实际上如果百分比和em配合会更强大，更方便。

　　浏览器默认的字体大小为16px,这样的话16px=100%,那么1px=深川既针6.25%,10px=62.5%,因此如果我们在bod杂另范酸孩y里面定义font-siz天难钢培程每优根带e:62.5%,则浏览器默认的字体大小就是10px,上面我们树龙服她相伯要从望灯候说过em会继承，所采和河包硫略星压以此时10px=1em,所以12px=1.2pm,16px=1.6pm，这样的话是不是在定义字体em单位的大小值就简单多了，但是要注意的是ie下因为解析问题,body在定义字体大小的时候应该为63%。

　　最后总结，如果需要给页面定义em单位的值，首先在body里面定义font-size:62较景升传政志束.5%,为了兼容在ie浏览器劳何激就克着利下需要写成font继香质言白希位个层-size:63%，然后在设置大小的时候，字体的大小除以10就是em值。