基本字体大小与移动设备

Question

以下是这些条款：

CSS字体大小: em对px与pt对百分之

16像素用于人体复制。任何较少的错误都是代价高昂的错误。

我要用的基本尺寸是：

body {
    font-size: 100%;
}

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

该网站的布局是响应性的，我也担心它将如何看待移动设备，包括小型智能手机和高新闻部显示器。

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

Answer 1

根据我的经验，如果你将智能手机浏览器设置为100%，大多数智能手机浏览器都能很好地设置合适的字体大小，但你永远无法确定。

如果是我，我会通过手动设置一个字体大小来增加额外的保护层，您喜欢以获得更小的屏幕分辨率。

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

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

亚当。