如何让Android Webview中的文字适合不同的屏幕尺寸？

Question

我有一个包含webview的应用程序。当我在手机上运行此应用程序时，它运行良好。但是，如果我在平板电脑上运行它，它显示的文字要小一些。我希望如果有人有解决方案，让webview中的文本会自动增加或减少其大小以适应不同的屏幕。谢谢！

Answer 1

您可以使用元数据控制WebView内容。以下是参考指南，Targeting Screens from Web Apps！

Answer 2

使用媒体查询。根据屏幕宽度更改字体大小。例如，

@media (max-width: 1280px) {
    html {
        font-size: [font size for tablet]
    }
}
@media (max-width: 720px) {
    html {
        font-size: [font size for large mobile]
    }
}
@media (max-width: 480px) {
    html {
        font-size: [font size for smaller mobile]
    }
}