我正在建立一个响应式全宽网站。基本上，正文中的内容将适合视口。
我的问题是，处理字体大小的最佳方法是什么？
显然我不能为所有分辨率保持相同的字体大小。对于某些屏幕分辨率，字体大小可能需要减小，而对于某些屏幕分辨率，字体可能需要增加。
我知道的当前方法是使用Media Queries。我可以为不同的屏幕尺寸编写不同的媒体查询，并在媒体查询中设置字体大小。
有没有其他方法，这是最推荐的方法吗？
谢谢
问问题
158 次
2 回答
0
我通常声明 body { font-size: 1eM; 在宽度 < 600px 的媒体查询中，我会将媒体查询中的正文更改为 font-size: .8eM ，就像这样..
于 2013-10-03T08:54:10.787 回答
0
建议使用媒体查询，以便您走上正确的道路。我可以列出一些用于常见设备的典型媒体查询，但我相信您最好浏览这篇文章：常见设备断点的媒体查询本文还分叉解释随着移动到更大尺寸的手机的出现，一切都发生了怎样的变化等。另一个建议是使用元标记设置视口设置，如下所示：
<meta name="viewport" content="width=device-width,initial-scale=1">
于 2016-08-17T02:09:28.373 回答