文章詳情頁
前端 - 使用css3 rem設置百分比出現的問題？
瀏覽：115日期：2023-07-19 11:51:43
問題描述
demo 在這 http://jsbin.com/woquxuhoko/2/edit?html,css,output
如果html{font-size:62.5%}(1rem=10px)那么p{font-size:2rem;line-height:2rem}瀏覽器實際的長度為p{font-size:20px;line-height:24px}而且@media 改變font-size百分比,font-size會跟著改變而line-height的實際大小（px）不會改變。如果html{font-size:20px}(1rem=20px)那么p{font-size:1rem;line-height:1rem}p{font-size:20px;line-height:20px}而且@media 改變font-size像素大小,font-size會跟著改變,line-height的大小也會跟著改變。
為什么百分比和實際像素會出現這樣的差別？
問題解答
回答1：之前看到的一篇關于line-height的很詳細的文章，希望可以幫到你http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html
標簽：
CSS
相關文章：
1. javascript - 微信網頁開發從菜單進入頁面后，按返回鍵沒有關閉瀏覽器而是刷新當前頁面，求解決？2. mysql replace 死鎖3. android - 安卓做前端，PHP做后臺服務器 有什么需要注意的？4. mysql - ubuntu開啟3306端口失敗,有什么辦法可以解決？5. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？6. extra沒有加載出來7. python3.x - Python not 運算符的問題8. python - 數據與循環次數對應不上9. mysql - C#連接數據庫時一直這一句出問題int i = cmd.ExecuteNonQuery();10. python小白，關于函數問題
排行榜
網公網安備