武林網(www.49028c.com)文章簡介:乍一聽css字體設置很容易,其實真做起來不然,我們工程師使用全力,他們在不同瀏覽器調整字體的大小知道的得到合適的結果。實際上有一點深入的理解就能起到很大的作用。
CSS的字體樣式設置相信許多人再熟悉不過,其實字體樣式的設置并不僅僅限于我們平時常用的那幾個屬性,本文為您詳細敘述 font-size 的字體樣式設置的詳細屬性。頁面放縮是所有的文字和圖片也相應發生放縮變化。
不但允許字體放縮,而且還允許頁面放縮
備注(深入理解):在ie中如果頁面中的元素的字體被用px(像素)賦值了,那么該元素的字體在頁面放縮的時候不會發生變化。
如果您是有印刷行業背景的設計師將要轉移到web設計,那就建議您不要給予用戶過多的權利否則他們會打亂您的設計作品。您的設計作品被放大到200%的時候,或者字體減少至50%,就會被破壞掉。
CSS Font-size 設置建議(規范)
一般來說,大多數情況下使用em或者%,這樣字體就能被瀏覽器用更精細比例的字體支持。我個人建議使用百分比%來定義font-size大小,這種做法在一些老的瀏覽器中支持的也會更好。
當你在開發一個網站的時候有下面的一組建議提供給您:
在testing之前,重置所有瀏覽器的字體的大小。
盡量合理的定義字體的大小,以便于在頁面放縮的時候頁面仍然保持良好的可讀性。
新聞熱點
疑難解答