处理响应式网站中字体大小的最佳方法？

我正在建立一个响应式全宽网站。基本上，身体内容将适合视口。处理响应式网站中字体大小的最佳方法？

我的问题是，什么是处理字体大小的最佳方法？

很明显，我不能保留所有决议相同的字体大小。对于某些屏幕分辨率，字体大小可能需要减小，对于某些屏幕分辨率，字体可能需要增加。

我知道的当前方法是使用媒体查询。我可以为不同的屏幕尺寸编写不同的媒体查询，并在媒体查询中设置字体大小。

有没有其他方法是这个最推荐的方法？

谢谢

来源

2013-10-03 Ali Haris

我通常声明body {font-size：1eM; }和宽度为<的媒体查询600px我会将媒体查询中的内容更改为字体大小：.8eM，就像那样。

来源

2013-10-03 08:54:10

我不建议使用em标签作为body标签。最好将html标签设置为100％，然后使用rem作为body标签和所有其他字体大小声明。 –

建议使用媒体查询，以便您处于正确的轨道上。我可以列出用于常见设备的一些典型媒体查询，但我相信最好是您可以浏览本文：MEDIA QUERIES FOR COMMON DEVICE BREAKPOINTS本文还分支以解释随着移动到更大尺寸的手机等问题，所有内容都将发生变化。另一建议是使用meta标签设置您的视口设置，如下所示：

<meta name="viewport" content="width=device-width,initial-scale=1">

来源

2016-08-17 02:09:28

处理响应式网站中字体大小的最佳方法？

回答

相关问题