css - Firefox 的行高 css

Question

我在 firefox 中的字体图标有问题，请检查图像

CSS:

[class^="icon-"]::before, [class*=" icon-"]::before {
    font-family: "untitled-font-1" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: 1;
    text-transform: none !important;
}

Firefox 中的顶部栏和 Chrome 中的底部栏以及此处的实时链接

http://mohammadsamy.com/Nest/

Answer 1

如果您还提供了相关的 html 代码来尝试和测试它，这对我来说会更容易回答，但是您是否考虑过一种与浏览器/屏幕无关的测量类型，例如 vh 或 em？示例:

[class^="icon-"]::before, [class*=" icon-"]::before {
    line-height: 1vh;
}

如果这仍然不起作用，您可以随时使用它们的 margin-bottom 或 padding-bottom 属性。

• Margin-bottom MDN Article

• Padding-bottom MDN Article