2

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

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

什么是最好的选择,为什么?

4

2 回答 2

1

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

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

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

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

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

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

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

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

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