css - 移动端 盒子内加overflow-y:scroll后 字体会变大
本文介绍了css - 移动端 盒子内加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>
解决方案
碰到过类似的,body *{ max-height: 999999px; } 你试试看
这篇关于css - 移动端 盒子内加overflow-y:scroll后 字体会变大的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文