Why does the font become larger when there is too much text on the p tag?

text suddenly becomes larger when there is too much content.
normal effect:

:

:

style:

<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>
Mar.02,2021

does it have source code? Post it to see


the current solution is:
add a style to the p tag `display: inline-block;. If this method does not work, you can also set the p tag max-height: 9999px; to solve the problem. But at present do not know the principle, hope that there is a great god can answer!

Menu