Android WebView 加载 html页面实现不同分辨率不同 dpi 缩放自适应处理解决方案

最新推荐文章于 2024-08-07 16:21:24 发布

路易斯睿齐

最新推荐文章于 2024-08-07 16:21:24 发布

阅读量3.8k

点赞数 1

分类专栏： Android 解决方案文章标签： webview dpi 分辨率缩放比自适应

本文链接：https://blog.csdn.net/richiezhu/article/details/79217931

版权

本文介绍了如何处理Android WebView在面对不同分辨率和DPI设备时的缩放自适应问题。通过结合使用两种方法，可以实现对同分辨率不同DPI以及同DPI不同分辨率情况的有效适配，确保HTML页面在各种设备上显示正常。

摘要由CSDN通过智能技术生成

两种情况一起使用实现不同分辨率不同 dpi 缩放自适应处理

//webview 需要配置
mWebView.getWebSetting().setUseWideViewPort(true);//让webview读取网页设置的viewport，pc版网页

1、同分辨率不同dpi 缩放自适应处理 ( 也可以在android端注入相关js 代码)

<script type="text/javascript">
<!-- 针对 Android 【不同 dpi】 适配处理 同分辨率 不同 dpi 显示一致 -->
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){
<!-- 需要在页面加载时候 生效 才能有效 -->
var devicePixelRatio = window.devicePixelRatio;
var</