這篇文章將為大家詳細講解有關Css如何使用em來設置字體大小，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

十余年專注成都網(wǎng)站制作，成都定制網(wǎng)頁設計，個人網(wǎng)站制作服務，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設計流程、步驟,成功服務上千家企業(yè)。為您提供網(wǎng)站建設,網(wǎng)站制作,網(wǎng)頁設計及定制高端網(wǎng)站建設服務,專注于成都定制網(wǎng)頁設計,高端網(wǎng)頁制作,對成都茶藝設計等多個行業(yè)，擁有多年設計經(jīng)驗。

如果要避免在 網(wǎng)絡 Explorer 中無法調解排遣文本的問題，許多啟迪者運用 em 單元庖代 pixels。

W3C 引薦使用 em 尺寸單元。

1em 就是今朝的字體尺寸。如果一個元素的 font-size 為 16 像素，那么對付該元素，1em 就就是 16 像素。在設置字體大小時，em 的值會相對于付父元素的字體大小竄改。

閱讀器中默許的文本大小是 16 像素。因而 1em 的默許尺寸是 16 像素。

可能應用下面這個公式將像素轉換為 em：pixels/16=em

（注：16 就是父元素的默認字體大小，假如父元素的 font-size 為 20px，那么公式需改為：pixels/20=em）

實例

h2 {font-size:3.75em;} /* 60px/16=3.75em */
h3 {font-size:2.5em;}  /* 40px/16=2.5em */
p {font-size:0.875em;} /* 14px/16=0.875em */

切身試一試

在下面的例子中，以 em 為單元的文本大小與前一個例子中以像素計的文本是近似的。不過，如果運用 em 單位，則或許在所有閱讀器中調解排遣文本大小。

可憐的是，在 IE 中仍具備題目。在重設文本大小時，會比畸形的尺寸更大或更小。

連絡應用百分比和 EM

在悉數(shù)瀏覽器中均無效的方案是為 body 元素（父元素）以百分比設置默認的 font-size 值：

實例

body {font-size:100%;}
h2 {font-size:3.75em;}
h3 {font-size:2.5em;}
p {font-size:0.875em;}

切身試一試

咱們的代碼尤其有用。在所有閱讀器中，大要展示溝通的文本大小，并許可所有瀏覽器縮放文本的大小。

關于“Css如何使用em來設置字體大小”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。