Add the css attribute: overflow-y:scroll to the outermost box and view it on the Google mobile simulator. The font will automatically become larger and the overall layout will be rem.
Remove this attribute and the font will be normal. I want to know what the problem is.
Code 1: Not overflow-y:scroll attribute image description
<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">
此類工作要求個(gè)體正直可靠,按規(guī)范制度辦事。與此同時(shí),具備
一定的商業(yè)敏感度,制定合適的采購(gòu)方案和計(jì)劃。在與供應(yīng)商打
交道的過程中,要能夠基于信息分析和談判說服技巧,達(dá)成符合
企業(yè)利益的合作方案。該部分介紹了最適合您的三個(gè)職業(yè)領(lǐng)域,
并給予每一職業(yè)領(lǐng)域的特殊工作需要,詳細(xì)闡明每個(gè)領(lǐng)域所需要
您具備的關(guān)鍵優(yōu)勢(shì)。匹配度說明:匹配度區(qū)間為0%-100%;自
己能力分?jǐn)?shù)與某類崗位要求分?jǐn)?shù)差異越小,
</section>
</p>
</p>
</p>
Code 2: Image description with overflow-y:scroll attribute
<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">
此類工作要求個(gè)體正直可靠,按規(guī)范制度辦事。與此同時(shí),具備
一定的商業(yè)敏感度,制定合適的采購(gòu)方案和計(jì)劃。在與供應(yīng)商打
交道的過程中,要能夠基于信息分析和談判說服技巧,達(dá)成符合
企業(yè)利益的合作方案。該部分介紹了最適合您的三個(gè)職業(yè)領(lǐng)域,
并給予每一職業(yè)領(lǐng)域的特殊工作需要,詳細(xì)闡明每個(gè)領(lǐng)域所需要
您具備的關(guān)鍵優(yōu)勢(shì)。匹配度說明:匹配度區(qū)間為0%-100%;自
己能力分?jǐn)?shù)與某類崗位要求分?jǐn)?shù)差異越小,匹配度越高;自己能
力分?jǐn)?shù)與某類崗位要求分?jǐn)?shù)差異越大,匹配度越低。
</section>
</p>
</p>
</p>
人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!
I have encountered something similar, body *{ max-height: 999999px; } You can try it
You should attach the key code. You can’t see clearly in the picture
Your picture is too unclear. You can’t even view the original picture
It may be that the scroll bar occupies part of the width after adding scroll, causing the value of rem to change. Do you use the fixed value of px for the font size? Your picture cannot be seen clearly