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">
                    此类工作要求个体正直可靠，按规范制度办事。与此同时，具备
                    一定的商业敏感度，制定合适的采购方案和计划。在与供应商打
                    交道的过程中，要能够基于信息分析和谈判说服技巧，达成符合
                    企业利益的合作方案。该部分介绍了最适合您的三个职业领域，
                    并给予每一职业领域的特殊工作需要，详细阐明每个领域所需要
                    您具备的关键优势。匹配度说明：匹配度区间为0%-100%；自
                    己能力分数与某类岗位要求分数差异越小，
                </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">
                    此类工作要求个体正直可靠，按规范制度办事。与此同时，具备
                    一定的商业敏感度，制定合适的采购方案和计划。在与供应商打
                    交道的过程中，要能够基于信息分析和谈判说服技巧，达成符合
                    企业利益的合作方案。该部分介绍了最适合您的三个职业领域，
                    并给予每一职业领域的特殊工作需要，详细阐明每个领域所需要
                    您具备的关键优势。匹配度说明：匹配度区间为0%-100%；自
                    己能力分数与某类岗位要求分数差异越小，匹配度越高；自己能
                    力分数与某类岗位要求分数差异越大，匹配度越低。
                </section>
            </p>
       </p>
   </p>