2

跨不同视口大小调整字体大小的明智策略是什么？我看到三种不同的可能选项：

  1. 随着视口大小减小，字体大小减小。
  2. 所有视口大小的字体大小相同。
  3. 随着视口大小的减小，增加字体大小。

什么是最好的选择，为什么？

4

2 回答 2

1

这是一个开放式问题 - 因为实际上，它归结为：您的内容需要什么？

您的页面是否有很长的文本段落？或者您正在查看有很多标题的主页？

一般来说，在处理正文时，我倾向于通过为移动/小屏幕尺寸设置基本字体大小来处理事情。然后，在更大的视口尺寸下，增加字体大小。什么视口大小/断点？这又取决于内容。您想密切关注每行文本的字符数。当它变得太长时，您将需要增加字体大小。这种方法不是特定于设备的，而是特定于内容的。

另外，请留意 vw 字体大小单位。希望我们能够尽快开始使用它。

于 2013-03-19T14:15:05.190 回答
0

我喜欢使用em或rem用作内容文本的字体大小。让设备决定如何呈现此文本。

如果它的设计关键文本（如标题或导航项）我使用px值，但仍然使用 ( r) ems 可能很好。

如果文本需要缩放以适应其容器，我很幸运使用了一个名为fittextJS的插件

于 2013-03-19T14:09:27.203 回答