当换行时，文本的字体大小会增加

Question

所以我在我正在处理的页面上有一些文本，每当文本太长而且需要换行时，它也会使字体大小增加近200％。甚至更奇怪的事实是它只在文本需要换行到第三行时才这样做。在两行，它仍然正常工作。我正在设备模式下在Chrome v43.0.2357.81中对此进行测试，以模拟手机。它也只能在设备模式下执行此操作。我查看了所有代码，所有CSS规则，但我找不到导致这种情况的原因。

这是文本不超过两行时的样子。

这里font-size的计算值是25px，这应该是它应该是的。

添加另一个“blah”以使其换行

现在字体大小为46.9195327758789px。

当行高设置为font-size的倍数时，行高也保持不变。它仍然保留在1.4 * 25px，而不是1.4 * 46.9px。

以下是文本所在div的CSS规则。

display: inline-block;
width: 90%;
height: auto;
background-color: #989879;
color: white;
font-size: 25px;
border: 1px solid white;
border-left-style: none;
border-right-style: none;
padding: 6px;

Answer 1

我已经弄明白了如何修复它。显然这是因为设置高度为auto。将其设置为100％使其停止调整div的大小和扩展名文本。