基本字体大小与移动设备

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;
  }
}

粗略的，你必须在移动设备上测试它才能获得你想要的完美字体大小。

亚当。