css - 基本字体大小与移动设备

Question

在这些文章之后：

CSS 字体大小：em vs. px vs. pt vs. percent

16 像素用于正文复制。任何少都是一个代价高昂的错误

我即将使用以下基本尺寸：

body {
    font-size: 100%;
}

并将其用作基本段落字体大小，在桌面上产生16px，除非用户更改他的浏览器或系统设置。

---

该网站的布局是响应式的，我也担心它在移动设备上的外观 - 包括小型智能手机和高 DPI 显示器。

如果我只是指定100%，这在移动设备上会产生什么结果？我可以期望浏览器为给定的屏幕尺寸和 DPI 选择最佳字体大小吗？

Answer 1

根据我的经验，如果您将其设置为 100%，大多数现代智能手机浏览器都非常擅长设置合适的字体大小 - 但您永远无法确定。

如果是我，我会通过手动设置您喜欢的较小屏幕分辨率的字体大小来添加额外的保护层。

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

粗略地说，您必须在移动设备上对其进行测试才能获得您正在寻找的完美字体大小。

亚当。