2

如何根据屏幕大小增加字体大小？

我有一些文字在 iPhone 和 iPad 中的大小保持不变。我想根据屏幕大小增加和/或减少字体大小。

4

3 回答 3

3

您应该使用媒体查询来执行此操作。例如

@media (max-width: 480px) { 
    body { font-size: 1.2em; } /* increase the base font size on landscape phones */
}
于 2013-01-23T12:16:51.223 回答
1

访问此自动字体拉伸：是否可以根据浏览器宽度动态缩放文本大小？

于 2013-02-01T07:36:23.210 回答
0

上面带有媒体查询（院长）的问题是正确的。您还需要确保您拥有 iPhone，-webkit-text-size:none - 否则无论您的字体设置如何，iphone 都会缩放字体。

此外，如果您想捕获更大的手机，您可能需要修改查询。尤其是当我们现在在 Android 市场上获得更大屏幕的智能手机时。

于 2013-01-23T14:24:27.980 回答