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'> 此類工作要求個體正直可靠,按規范制度辦事。與此同時,具備 一定的商業敏感度,制定合適的采購方案和計劃。在與供應商打 交道的過程中,要能夠基于信息分析和談判說服技巧,達成符合 企業利益的合作方案。該部分介紹了最適合您的三個職業領域, 并給予每一職業領域的特殊工作需要,詳細闡明每個領域所需要 您具備的關鍵優勢。匹配度說明:匹配度區間為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'> 此類工作要求個體正直可靠,按規范制度辦事。與此同時,具備 一定的商業敏感度,制定合適的采購方案和計劃。在與供應商打 交道的過程中,要能夠基于信息分析和談判說服技巧,達成符合 企業利益的合作方案。該部分介紹了最適合您的三個職業領域, 并給予每一職業領域的特殊工作需要,詳細闡明每個領域所需要 您具備的關鍵優勢。匹配度說明:匹配度區間為0%-100%;自 己能力分數與某類崗位要求分數差異越小,匹配度越高;自己能 力分數與某類崗位要求分數差異越大,匹配度越低。</section> </p> </p> </p>
問題解答
回答1:碰到過類似的,body *{ max-height: 999999px; } 你試試看
回答2:你倒是把關鍵代碼附上啊 圖根本看不清
回答3:你這個圖太不清楚了,查看原圖都不行
回答4:可能是加了scroll 滾動條占據了一部分寬度 導致rem的值改變了 你字體大小用的是px的定值嗎 你的圖看不清
回答5:不好意思各位,已經修改過了
相關文章:
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. javascript - QWebEngineView 如何爬 angular 的動態數據?3. javascript - 使用angular 的ui-sref 中出現了中文參數,點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%44. java - ConcurrentHashMap中的get()方法為什么可以不加鎖?5. java - 郵箱如何發送html內容6. html5 - 這個代碼顯示功能如何實現?7. javascript - 用JS 七牛上傳圖片出現文件已存在的錯誤(file exists)8. java - 字節流轉成字符串之后,在通過字符串轉成字節流后的文件為什么會不一樣?9. css3 - 圖片等比例縮放10. java - 如何理解“不要通過共享內存來通信,而應該通過通信來共享內存”?
