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

Question

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

Answer 1

您可以使用元数据来控制您的 WebView 内容。这是参考指南，从 Web 应用程序定位屏幕！

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]
    }
}