在最外层的盒子加css属性：overflow-y:scroll后在谷歌手机模拟器查看时，字体会自动变大，整体用rem布局。
去掉这个属性，字体则正常，想知道这是什么问题
代码1：未overflow-y：scroll属性图片描述
<p class="contianer" style="overflow-y:scroll">
<p class="jieguo_content" id="xiangqing" style="line-height: 0.5rem;">
<p class="ui-font-size-30 ui-color-39">详情介绍</p>
<section class="ui-font-size-24 ui-color-7e">
此类工作要求个体正直可靠，按规范制度办事。与此同时，具备
一定的商业敏感度，制定合适的采购方案和计划。在与供应商打
交道的过程中，要能够基于信息分析和谈判说服技巧，达成符合
企业利益的合作方案。该部分介绍了最适合您的三个职业领域，
并给予每一职业领域的特殊工作需要，详细阐明每个领域所需要
您具备的关键优势。匹配度说明：匹配度区间为0%-100%；自
己能力分数与某类岗位要求分数差异越小，
</section>
</p>
</p>
</p>
代码2：有overflow-y:scroll属性图片描述
<p class="contianer">
<p class="jieguo_content" id="xiangqing" style="line-height: 0.5rem;">
<p class="ui-font-size-30 ui-color-39">详情介绍</p>
<section class="ui-font-size-24 ui-color-7e">
此类工作要求个体正直可靠，按规范制度办事。与此同时，具备
一定的商业敏感度，制定合适的采购方案和计划。在与供应商打
交道的过程中，要能够基于信息分析和谈判说服技巧，达成符合
企业利益的合作方案。该部分介绍了最适合您的三个职业领域，
并给予每一职业领域的特殊工作需要，详细阐明每个领域所需要
您具备的关键优势。匹配度说明：匹配度区间为0%-100%；自
己能力分数与某类岗位要求分数差异越小，匹配度越高；自己能
力分数与某类岗位要求分数差异越大，匹配度越低。
</section>
</p>
</p>
</p>
