css - 移动设备的全局/通用字体大小

Question

我正在使用 phonegap 做移动应用程序。它适用于跨平台。此应用程序中的一切都很好。唯一的问题是字体大小。我的字体大小为 12px。它在小型设备中运行良好。

但是当我在 ipad 和 tab（更大的设备）中打开时，12px 对观众来说太小了。那么有没有办法根据设备宽度调整字体大小？

谢谢

Answer 1

要搜索的主题是 CSS 媒体查询。

@media screen and min-width: 768px {
    body { font-size: 20pt; }
    }