文章詳情頁

前端 - 使用css3 rem設(shè)置百分比出現(xiàn)的問題？

瀏覽：220日期：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的實際大?。╬x）不會改變。如果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的大小也會跟著改變。

為什么百分比和實際像素會出現(xiàn)這樣的差別？

問題解答

回答1：

之前看到的一篇關(guān)于line-height的很詳細(xì)的文章，希望可以幫到你http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html

CSS

上一條：css3 讓圖片變成灰色(filter)，但針對IE11瀏覽器無效下一條：css3 - CSS如何取消:hover綁定事件

相關(guān)文章：

1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. docker-compose中volumes的問題3. docker不顯示端口映射呢？4. golang - 用IDE看docker源碼時的小問題5. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失?。?/a>6. docker容器呢SSH為什么連不通呢？7. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題！！8. mac里的docker如何命令行開啟呢？9. javascript - 連續(xù)點擊觸發(fā)mouseleave事件10. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””