在Web中使用什么單位來定義頁面的字體大小,至今天為止都還在激烈的爭論著,有人說PX做為單位好,有人說EMS優點多,還有人在說百分比方便,以至于出現了CSS Font-Size: em vs. px vs. pt vs. percent這樣的PK大局。不幸的是,仍然有不同的利弊,使各種技術都不太理想,但又無法不去用。真是進也難,退也難呀。
最近在學習em的相關知識的時候,無意之間讓我拾得一寶,就是使用rem來設置Web頁面的字體大小。讓我一下子就來勁了,一口氣看完并測試了一回,還真是爽歪歪的呀。師傅說好東西不能吃獨食,于我就在這里給大家吹吹這個從沒見過的REM。
在詳細介紹rem之前,我們先一起來回顧一下我們常用的兩種記量單位,也是備受爭論的兩個:
1.PX為單位
2.EM為單位
PX為單位
在Web頁面初期制作中,我們都是使用“px”來設置我們的文本,因為他比較穩定和精確。但是這種方法存在一個問題,當用戶在瀏覽器中瀏覽我們制作的Web頁面時,他改變了瀏覽器的字體大小,這時會使用我們的Web頁面布局被打破。這樣對于那些關心自己網站可用性的用戶來說,就是一個大問題了。因此,這時就提出了使用“em”來定義Web頁面的字體。
em為單位
這種技術需要一個參考點,一般都是以/<body>的“font-size”為基準。比如說我們使用“1em”等于“10px”來改變默認值“1em=16px”,這樣一來,我們設置字體大小相當于“14px”時,只需要將其值設置為“1.4em”。
新聞熱點
疑難解答