移动应用中根据屏幕大小自动增加字体大小答案

【问题标题】：Automatically Increase Font size based on the screen size in Mobile App移动应用中根据屏幕大小自动增加字体大小
【发布时间】：2013-01-06 22:04:54
【问题描述】：

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

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

【问题讨论】：

您要调整屏幕高度或屏幕宽度？因为在android中你必须手动计算
@sheetal 我想调整字体的大小而不是屏幕宽度..根据屏幕宽度字体大小想要增加或减少..
许多移动开发者对 viewport-width 和 device-width 感到困惑。让您从quirksmode.org/blog/archives/2010/09/combining_meta.html 回复。

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

【讨论】：