2013-06-24 50 views
0

在CSS文件中設置基本字體大小的最佳做法是什麼?最好在<html>元素或<body>元素上聲明字體大小?在<html>或<body>上設置字體大小?

我使用REM單元(與< IE9基於PX-回退),它似乎更好的做法,以做到以下幾點:

html { font-size: 100% } 
body { font-size: 1rem } 

...而不是:

body { font-size: 100% } 

原因:如果您想在媒體查詢中對字體大小進行全局更改,後一種方法似乎不起作用,而前者的方法不起作用。

+0

儘管媒體查詢主題,您可能會發現有用的[這個其他線程](http://stackoverflow.com/questions/6905834/should-i-set-the-default-font-size-on-the-body -or-HTML的元素)。 –

回答

5

我會在「html」元素上設置初始字體大小,以保持跨媒體查詢的根字體大小一致。

-1

有一個在html元素上宣佈font-size,除非你打算做在head元素可見一些小點的頁面,這是非常罕見的,通常是無用的想法的一部分。除此之外,這樣的設置只能通過繼承body元素才能起作用,所以爲什麼不直接在body上設置大小?

不可能猜測你的樣式表應該做什麼。除非用於覆蓋其他樣式表中的設置,否則兩種替代方法都不會有任何實際效果。您應該將媒體查詢的問題作爲一個單獨的問題制定,描述一個實際問題,並用展示它的代碼進行說明。