基本字體大小與移動設備

Question

以下這些文章：

CSS font-size: em vs. px vs. pt vs. percent

16 Pixels For Body Copy. Anything Less Is A Costly Mistake

我即將使用的底座尺寸：

body { 
    font-size: 100%; 
} 

，並以此作爲除非用戶更改其瀏覽器或系統，否則在桌面上生成的基本段落字體大小爲16px莖設置。

---

該網站的佈局非常靈敏，我也很關心它在移動設備上的外觀 - 包括小型智能手機和高DPI顯示屏。

如果我只指定100%，移動設備上的結果如何？ 我可以期待瀏覽器針對給定的屏幕尺寸和DPI選擇最佳字體大小嗎？

Answer 1

從我的經驗來看，大多數現代智能手機瀏覽器都非常擅長設置合適的字體大小，如果將其設置爲100％ - 但您無法確定。

如果是我，我會通過手動設置字體大小來增加額外的保護層，對於較小的屏幕分辨率，您喜歡。

@media (max-width: 767px) { 
    body { 
    font-size:18px; 
    } 
} 

粗糙的，你必須在移動設備上進行測試，以獲得你想要的完美字體大小。

亞當。