根据移动应用程序中的屏幕大小自动增加字体大小

Question

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

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

Answer 1

您应该使用媒体查询来执行此操作。 e.g。

@media (max-width: 480px) { 
    body { font-size: 1.2em; } /* increase the base font size on landscape phones */
}

Answer 2

访问此内容以获取自动字体拉伸：Is it possible to dynamically scale text size based on browser width?

Answer 3

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

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