Safari div高度与行高不匹配

时间:2019-02-21 07:09:28

标签: css firefox safari

尝试此代码:

html {
  font: 16px 'Times New Roman', 'Times';
}

.temp {
  display: flex;
  width: 25px;
  line-height: 1.3rem;
  font-size: 0.5rem;
}
<div class="temp">
  a v b b b b b b b b b b
</div>

在Firefox中,div的高度是62.4,这是正确的;而在Safari中,它的高度是60,这不是我想要的。

如何使Safari也提供62.4?

ps。如果css是

.temp {
  display:flex;
  width: 25px;
  line-height:1rem;
  font-size:1rem;
}

Firefox和Safari的高度相同:96。
Safari对小数点的处理方式是否有所不同?

0 个答案:

没有答案