p标签文字内容过多时，为什么会出现字体变大的问题？

Question

文字内容过多时突然变大。
正常情况下的效果：

正常情况下的代码：

当内容变多后：

样式：

<style lang='scss' module>
.about_con {
  padding: 0 20px;
  .content {
    margin-bottom:20px;
    p {
      font-size: 30px;
    }
    .title{
      font-size:34px;
      font-weight:bold;
    }
    .des{
      margin-top:20px;
    }
  }
}
</style>

Answer 1

目前解决方案为：
为p标签添加样式`display: inline-block;如果该办法无效还可以设置p标签max-height: 9999px;来就解决。但目前还不知道原理，希望有大神可以解答！

Answer 2

有源码吗？贴出来看看