2013-01-11 104 views
4

我碰到http://informationarchitects.net/blog/100e2r/偶然發現,一個博客條目,論證了使用瀏覽器100%字體大小正文。我驚訝地發現,該文本聲稱該頁面的字體大小是瀏覽器的默認大小,因爲它大於我的預期。瀏覽器默認字體大小是否依賴於DPI?

我看了一下從上面的鏈接正文繼承的風格,它是:

font-size: 1.313em; 

這是我的樣式表的理解,這意味着字體應該按照131.3%,呈現的瀏覽器默認大小。那麼博客不正確,顯示的字體大小是瀏覽器的默認大小?

該公司的網站有一個蘋果的焦點,所以我想也許這個問題的答案與DPI設置有關,因爲蘋果默認爲72,微軟默認爲96. 96/72接近1.313。

我有我的瀏覽器的字體設置爲默認大小,16。因爲我運行Windows,我認爲這意味着16個像素或12分。在Mac上,默認的字體大小也是16像素,因此是16點?

+0

如果你可以隔離問題(如「16px的100%字體大小與1em相同?「),這將使它更容易回答。 – valentinas

+0

@valentinas我的主要困惑是因爲我確定該網站說,它顯示在默認大小的文本,但以我的經驗,事實並非如此。我錯了嗎?額外的細節是擴大問題的範圍,使其對社區更有用。 – davidmneedham

+0

在這種情況下,問題落在下「太本地化」的範疇,因爲它是隻對特定文章從2006年 – valentinas

回答

3

在2006年的時候我寫這篇文章,他們有另外的設計,發現它在歸檔http://web.archive.org/web/20070706194102/http://www.informationarchitects.jp/100E2R/ - 你可以看到font: 100%/1.45 Helvetica, Arial, Verdana, sans-serif;這給默認的桌面瀏覽器:)

+1

好找到相關的!我想這回答我的問題關於文章是不正確的。你知道在Windows和OS X上,16px是Chrome的標準默認設置嗎?我可以確認16是默認值,但我不確定這些單位。 – davidmneedham

+1

據我知道16px的是所有桌面瀏覽器的默認字體大小。 Windows和OSX上的Google Chrome也使用16px作爲默認設置。 – antejan