您遇到的问题是，NT2 车机是竖屏，而其他车机是横屏，导致竖屏 WebView 自动识别 DPI 后，网页文字显示过小。这是因为竖屏和横屏的像素密度不同，导致 WebView 渲染网页时字体大小出现差异。
以下是一些解决这个问题的方法：
1. 设置 viewport meta 标签:
这是最常见的解决方法，通过在网页的 <head> 标签中添加 viewport meta 标签，可以控制网页在不同设备上的缩放行为。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">- width=device-width: 将视口宽度设置为设备宽度。
- initial-scale=1.0: 设置初始缩放比例为 1.0，即不缩放。
- maximum-scale=1.0: 设置最大缩放比例为 1.0，禁止用户缩放。
- user-scalable=no: 禁止用户通过手动缩放页面。
2. 使用 CSS 媒体查询:
您可以使用 CSS 媒体查询来针对不同的屏幕方向应用不同的样式。 例如：
/* 横屏样式 */
@media (orientation: landscape) {
body {
font-size: 16px;
}
}
/* 竖屏样式 */
@media (orientation: portrait) {
body {
font-size: 20px;
}
}这段代码会根据屏幕方向应用不同的字体大小。
3. 使用 JavaScript 动态调整字体大小:
您可以使用 JavaScript 获取屏幕方向和分辨率，然后根据这些信息动态调整字体大小。
// 获取屏幕宽度
const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
// 判断屏幕方向
if (screenWidth > screen.height) {
// 横屏
document.body.style.fontSize = "16px";
} else {
// 竖屏
document.body.style.fontSize = "20px";
}4. 禁用 WebView 自动缩放:
您可以尝试在 WebView 设置中禁用自动缩放功能，但这可能会导致其他显示问题，因此建议谨慎使用。
总结:
以上是一些解决竖屏车机 WebView 文字显示过小的方法，您可以根据实际情况选择最适合您的方案。建议您首先尝试设置 viewport meta 标签和使用 CSS 媒体查询，如果问题仍然存在，再考虑使用 JavaScript 或禁用 WebView 自动缩放功能.