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'> 此類工作要求個體正直可靠,按規(guī)范制度辦事。與此同時,具備 一定的商業(yè)敏感度,制定合適的采購方案和計劃。在與供應商打 交道的過程中,要能夠基于信息分析和談判說服技巧,達成符合 企業(yè)利益的合作方案。該部分介紹了最適合您的三個職業(yè)領域, 并給予每一職業(yè)領域的特殊工作需要,詳細闡明每個領域所需要 您具備的關鍵優(yōu)勢。匹配度說明:匹配度區(qū)間為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'> 此類工作要求個體正直可靠,按規(guī)范制度辦事。與此同時,具備 一定的商業(yè)敏感度,制定合適的采購方案和計劃。在與供應商打 交道的過程中,要能夠基于信息分析和談判說服技巧,達成符合 企業(yè)利益的合作方案。該部分介紹了最適合您的三個職業(yè)領域, 并給予每一職業(yè)領域的特殊工作需要,詳細闡明每個領域所需要 您具備的關鍵優(yōu)勢。匹配度說明:匹配度區(qū)間為0%-100%;自 己能力分數與某類崗位要求分數差異越小,匹配度越高;自己能 力分數與某類崗位要求分數差異越大,匹配度越低。</section> </p> </p> </p>
問題解答
回答1:碰到過類似的,body *{ max-height: 999999px; } 你試試看
回答2:你倒是把關鍵代碼附上啊 圖根本看不清
回答3:你這個圖太不清楚了,查看原圖都不行
回答4:可能是加了scroll 滾動條占據了一部分寬度 導致rem的值改變了 你字體大小用的是px的定值嗎 你的圖看不清
回答5:不好意思各位,已經修改過了
相關文章:
1. 管理員信息修改時的密碼問題2. html5 - 為什么使使用vue cli 腳手架,post-css 沒有自動對css3屬性自動添加瀏覽器前綴呢?3. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?4. android - RxJava 中有根據條件執(zhí)行不同函數的操作符嗎?5. javascript - 如何使用nodejs 將.html 文件轉化成canvas6. java如何生成token?7. javascript - 后臺管理系統(tǒng)左側折疊導航欄數據較多,怎么樣直接通過搜索去定位到具體某一個菜單項位置,并展開當前菜單8. javascript - html5的data屬性怎么指定一個function函數呢?9. 如何解決docker宿主機無法訪問容器中的服務?10. mysql - 電商如何存儲營業(yè)額數據
