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的定值嗎 你的圖看不清

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