国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS中px em rem區別與使用

2024-07-11 09:07:42
字體:
來源:轉載
供稿:網友

最近在學習字體時遇到字體大小的設置,font-size單位可以是px或em或rem,那么這幾種單位都有什么區別呢,該如何使用呢?

px是像素圖像的基本采樣單位,相對于顯示器屏幕分辨率而已的,什么是一個像素呢,你把一張圖一直放大,會看到一個個小的方格子,一個方格子就是一個像素。瀏覽器默認的字體大小是16px。

px的特點是:字體大小寫死固定了,是固定值,老版本IE無法縮放字體,但現在基本上都不用管低版本的IE。所以一般情況都會使用這種單位,夠精確。

em是一個相對單位表示相對于其父親元素字體的大小而言,可以是小數,整數。比如父元素字體大小是16px,則1em就是16px,2em就是32px。

em的特點是:不是固定值,它的值會隨著父字體大小而變化。 使用場景:當當前元素的內外邊距需要與當前字體大小成比例時,可以使用em。

rem也是一個相對單位與em的區別是,他是相對于根元素而言的,這樣在使用計算時就比em簡單方便多了,因為他的參考值就是根元素子圖大小,瀏覽器默認的是16px。

rem的特點是:相對于根元素字體大小,計算方便。可以通過控制html根字體大小來改變整個頁面字體大小,是頁面在哥尺寸的移動端自適應。

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持VeVb武林網!


注:相關教程知識閱讀請移步到CSS教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 靖边县| 台中县| 昂仁县| 永嘉县| 桐柏县| 古蔺县| 丘北县| 绥阳县| 松溪县| 保定市| 孝感市| 景德镇市| 光泽县| 定结县| 长汀县| 绵阳市| 金平| 淳安县| 信宜市| 伊宁市| 鄂伦春自治旗| 茂名市| 嘉鱼县| 九江市| 中牟县| 松潘县| 岑溪市| 宁津县| 东台市| 平遥县| 迭部县| 交口县| 任丘市| 庆阳市| 昌乐县| 永靖县| 介休市| 淮南市| 永嘉县| 辛集市| 华安县|