css - 移动端 盒子内加overflow-y:scroll后 字体会变大

问题描述

在最外层的盒子加css属性：overflow-y:scroll后在谷歌手机模拟器查看时，字体会自动变大，整体用rem布局。去掉这个属性，字体则正常，想知道这是什么问题代码1：未overflow-y：scroll属性图片描述

<p style='overflow-y:scroll'> <p 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 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>

问题解答

碰到过类似的，body *{ max-height: 999999px; } 你试试看

你倒是把关键代码附上啊 图根本看不清

你这个图太不清楚了，查看原图都不行

可能是加了scroll 滚动条占据了一部分宽度 导致rem的值改变了 你字体大小用的是px的定值吗 你的图看不清

不好意思各位，已经修改过了