font-size中的em和百分比的区别是什么呢
来源：15-1 水平居中设置-行内元素
四面体
2015-03-22 17:52
既然font-size也可以用百分比或者em表示，而em来自于父元素的大小，那么百分比和em的功能不就相同了么？以前似乎说em表示的是默认字体的大小
写回答
关注
2回答
-
- GavinLi_cn
- 2015-03-23 11:48:25
在定义字体大小的时候，2em和200%是一样的效果，因为前者表示2个字符的大小，后者表示默认字体大小的两倍，效果上应该没什么区别吧。在实际开发中一般不会使用em或者百分比去定义font-size，通常使用像素大小，例如：font-size:14px;font-size:12px;font-size:20px;等等。
-
- menghuanbaolei
- 2015-03-22 19:31:35
很有趣的问题，在font-size里面是没什么区别的，em是测量单位来的，在font-size表示默认字体的倍数，百分百也是表示默认字体的百分比,不过在其他代码也就不一样了。
比如在text-index(首行缩进):2em（缩进2字符）;和text-index:200%（缩进200%）;效果是不一样的。
(代码如下:)
所以，人们为了便于记忆，一般设置为em，来代表字符的大小（或者是倍数）;
如果觉得我说的好，请给个赞吧！！！
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ font-size: 12px; } div{ font-size: 16px; width:100px; } .test01{ text-indent: 2em;; } .test02{ text-indent: 200%; } </style> </head> <body> <div> <p class="test01">sdfalsdfsdfa</p> <p class="test02">sdfalsdfsdfa</p> </div> </body> </html>
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225813 学习 · 18234 问题
相似问题