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

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

<div class="contianer" style="overflow-y:scroll">
    <div 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>
            </div>
       </div>
   </div>

代码2:有overflow-y:scroll属性图片描述

<div class="contianer">
    <div 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>
            </div>
       </div>
   </div>
阅读 5.4k
5 个回答

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏