                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

font-size中的em和百分比的区别是什么呢

既然font-size也可以用百分比或者em表示，而em来自于父元素的大小，那么百分比和em的功能不就相同了么？以前似乎说em表示的是默认字体的大小

四面体

2015-03-22

源自：初识HTML(5)+CSS(3)-升级版 15-1

关注问题我要回答

8132

操作

收起

2 回答

GavinLi_cn
2015-03-23

在定义字体大小的时候，2em和200%是一样的效果，因为前者表示2个字符的大小，后者表示默认字体大小的两倍，效果上应该没什么区别吧。在实际开发中一般不会使用em或者百分比去定义font-size，通常使用像素大小，例如：font-size:14px;font-size:12px;font-size:20px;等等。

0 回复有任何疑惑可以回复我~

收起回答

menghuanbaolei
2015-03-22

很有趣的问题，在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>