为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

2 回答

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

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

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


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

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信