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

Question

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

但是当我在 ipad 和标签(更大的设备)中打开时，12px 对于观众来说太小了。那么有什么方法可以根据设备宽度调整字体大小吗？

谢谢

Answer 1

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

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