主页 / 问题 / 967550
Accepted
Jarry Roxwell
Asked:2020-04-09 22:49:17 +0000 UTC2020-04-09 22:49:17 +0000 UTC

em 中高度和宽度的行为

  • 772

下午好，em他们为什么不服从font-size，。

这发生在chrome Версия 75.0.3753.4 (Официальная сборка), dev (64 бит). 在 上重复相同的内容chrome Версия 73.0.3683.103 (Официальная сборка), (64 бит)。

应有尽有。

它应该是

在此处输入图像描述

PS 如果指定的字体大小大于 6 像素，则在上述浏览器中开始正常工作。

span:before {
    display: inline-block;
    content: "";
    font-size: 1.3px;
    width: 10em;
    height: 11em;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 11" style="fill:rgb(198, 161, 113);"><path d="M7.8,8.7C7,9.4,6.1,9.8,5,9.8c-0.1,0-0.1,0-0.2,0c-0.8,0-1.5-0.3-2.1-0.7l0.1,0.7v0c0,0.2-0.1,0.4-0.3,0.4 c0,0,0,0,0,0h0C2.2,10.2,2,10,2,9.8L1.9,8.2c0-0.2,0.1-0.4,0.4-0.4l1.6-0.1c0.2,0,0.4,0.1,0.4,0.4c0,0.2-0.1,0.4-0.4,0.4L3.2,8.4 C3.8,8.8,4.4,9,5,9c0.8,0,1.6-0.3,2.2-0.9c0.9-0.8,1.3-2.1,1-3.4C8.2,4.5,8.3,4.3,8.6,4.3C8.8,4.2,9,4.3,9,4.6 C9.4,6.1,8.9,7.7,7.8,8.7z"/><path class="st0" d="M1.7,6.3c0.1,0.2-0.1,0.4-0.3,0.5c0,0-0.1,0-0.1,0C1.2,6.8,1,6.6,1,6.4C0.6,4.9,1.1,3.3,2.2,2.3 c0.8-0.8,1.9-1.2,3-1.1C6,1.3,6.7,1.5,7.3,2l0-0.7c0-0.2,0.1-0.4,0.4-0.4C7.9,0.8,8,1,8.1,1.2l0.1,1.6v0c0,0.2-0.2,0.4-0.4,0.4 L6.2,3.3h0c0,0,0,0,0,0C5.9,3.3,5.8,3.2,5.7,3c0-0.2,0.2-0.4,0.4-0.4l0.6,0c-1.2-0.8-2.9-0.7-4,0.4C1.8,3.7,1.4,5,1.7,6.3L1.7,6.3z"/></svg>');   
}
<span>Hello</span>

html

1 个回答

  1. Best Answer

    某些浏览器默认有最小字体大小限制。也就是说，您可以设置至少 0.0001em，但结果将不小于某个给定值。

    这样做是为了对抗 Vasya Pupkin，他因为愚蠢或渴望使用了太小的字体，例如，将关键字列表放在页面上的文本大小为零。

    所以a）检查你的浏览器（我对现代chrome很好）和b）不要滥用工具。

    • 1

相关问题