2013-03-19 25 views
6

在這個非常真棒guide to developing a responsive design的,作者討論設定該變流體在小屏幕尺寸固定的列寬度:優勢設定字體大小,以大於100%

內容是37.62136em寬(即乘以默認是16像素的瀏覽器,而我在content = 620px上的文字大小是103%),直到展開爲100%寬度的小視口。

困惑我的部分是font-size: 103%。結果是瀏覽器將文本渲染爲17px,爲什麼不手動設置並根據0123px爲17px計算內容div的寬度?也許使用大於100%的字體大小有其他我不知道的副作用?

回答

2

我不認爲在103%的選擇中有任何祕密的選擇。我的猜測是,103%/ 17px是最適合字體的東西。

只要您在em單位中設置其他所有設置,您就可以輕鬆縮放htmlbody的字號,以使這些更改反映在整個網站中。基礎字體大小(我通常以100%/ 16px離開)是一個偏好問題。