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

时间:2013-10-03 08:25:56

标签: css media-queries screen-resolution

我正在构建响应式全宽网站。基本上,正文中的内容将适合视口。

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

显然,我无法为所有分辨率保持相同的字体大小。对于某些屏幕分辨率,字体大小可能需要减小,对于某些屏幕分辨率,字体可能需要增加。

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

有什么替代方法是最推荐的方法吗?

谢谢

2 个答案:

答案 0 :(得分:0)

我通常声明body {font-size:1eM;和媒体查询中的宽度< 600px我会将媒体查询中的正文更改为font-size:.8eM,就像那样..

答案 1 :(得分:0)

建议您使用媒体查询,以便走在正确的轨道上。我可以列出一些用于常见设备的典型媒体查询,但我相信最适合您浏览这篇文章:MEDIA QUERIES FOR COMMON DEVICE BREAKPOINTS本文还分析了随着移动到更大尺寸手机的出现,一切都在变化,另一个建议是使用元标记设置视口设置,如下所示:

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