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!

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b35bd1-2bfc5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b35bd1-2bfc5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?