css - 手機端 盒子內加overflow-y:scroll後 字體會變大

Question

在最外層的盒子加css屬性：overflow-y:scroll後在Google手機模擬器查看時，字體會自動變大，整體用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>

Answer 1

碰到過類似的，body *{ max-height: 999999px; } 你試試看

Answer 2

你倒是把關鍵程式碼附上啊 圖根本看不清楚

Answer 3

你這個圖太不清楚了，看原圖都不行

Answer 4

可能是加了scroll 滾動條佔據了一部分寬度 導致rem的值改變了 你字體大小用的是px的定值嗎 你的圖看不清

Answer 5

不好意思各位，已經修改過了