WebView显示的网页在大分辨率屏下被放大的解决方法

最新推荐文章于 2023-10-13 07:30:00 发布
最新推荐文章于 2023-10-13 07:30:00 发布
阅读量4.4k 收藏 2
点赞数
分类专栏： api android 文章标签： android android开发 webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l7022995/article/details/40385391
版权

最近在搞1920*1080安卓显示屏上webview的工作，当网页设置为1920px*1080px时，网页会被放大好多并超出屏幕边界，导致显示不正常，之前一直以为是网页问题，改了又该最终也没成功，最后各种查资料找到了相关的说明：

默认WebView的ZoomDensity是MEDIUM，对应160dpi。而我之前800px宽度的屏幕对应的是60dpi，1024px宽度的屏幕对应的是240dpi。依次类推吧，所以默认为160dpi的网页放在了默认比160dpi要大许多的屏幕上网页被放大了好多倍，我也不知道说的对不对不过大概就是这个意思吧，然后网上查到的是用setDefaultZoom这个方法，当去使用的时候发现在新的安卓版本上已经不支持这个方法了，然后又在说明中发现了WebView.setInitialScale(int i)这个方法，int参数为缩放百分比，比如60就为缩放60%，通过调整即可将其调整到适应屏幕大小，当然不同屏幕所设置的值是不一样的，所以这种写法只能应付一种屏幕，至于自动适应的还没有发现，本事只是菜鸟一只，找到了解决相关问题的简单方法所以贴出来共享一下，大大们有更深的理解或者是方法能不能共享一下~

Nov_J
关注
专栏目录
Android中WebView加载的网页被放大的解决办法
08-31
主要介绍了Android中WebView加载的网页被放大的问题的解决办法，非常不错，具有参考借鉴价值，需要的朋友参考下
安卓使用webView加载H5页面时出现的缩放问题
wenshan_jiang的博客
11-02 6456
1.安卓端使用webView加载H5页面时由于手机的不同可能会出现以下情况： 在手机浏览器中打开H5页面显示正常，但是在app内的webView中嵌套了H5页面时会出现H5页面被放大。使得屏幕中放不下H5页面，可以左右滑动。 .解决方案：这个时候你需要设置webView的一个属性。webView.getSettings().setTextZoom(100)；意思是设置字体大小的百分比。  ...
【快应用】webview接口打开网页，网页会被自动放大，如何适配手机大小
华为开发者联盟
08-16 1273
原因在于快应用加载器没有对网页的比例和屏幕的宽度做适配，默认显示网页实际的宽度，没有将网页内容全部显示在屏幕宽度内。可以通过web组件加载网页，并设置overviewmodeinload属性为true规避此问题。欲了解更多更全技术文章，欢迎访问。...
webview支持页面缩放
06-18 350
1、webview支持页面缩放，普通经过以下设置就可满足80%的请求 //缩放开关 webView.getSettings().setSupportZoom(true); 设置此属性，仅支持双击缩放，不支持触摸缩放（在android4.0是这样，其他平台没试过） // 设置能否可缩放 webView.getSettings().setBuiltInZoomControls(true);
解决WebView加载的网页被放大的问题
zhou_wenchong的博客
12-29 1万+
在某些大分辨率下，我们用WebView加载的网页可能会出现被放大的现象，这显然不是我们想要的结果，我开始看WebSettings这个是否可以设置不缩放，webSettings.setBuiltInZoomControls(false)，我发现这样设置后没有任何效果，没办法只得继续看代码。后来看到有个这样的属性：WebSettings.ZoomDensity 才最终解决这个问题（网址如下：http
Android webview 加载html 页面缩放的问题
最新发布
Gaga246的博客
10-13 900
我当时想了两种思路：一种是在html页面加点击事件 点击跳入下一个页面 ，上面展示点击的 相关内容的大的文字或者图片。另一种思路是 手势放大缩小这个页面。那么怎么能设置 html页面在webview上加载以后 可以 放大缩小呢。个问题 ： 就是网页上面的内容 字体或者图片等 设置的过小，就影响用户查看，看不清楚。4.企业级Android音视频开发学习路线+项目实战（附源码）我在做webview 嵌入HTML 网页的时候，碰到这样一。10.Android零基础入门到精通，高手进阶之路。
前端适配笔记本缩放125%，150%导致页面错乱问题
kirinlau的专栏
07-04 6309
window.screen.availHeight > 1000 说明缩放选择的是100%，否则是125%、150%, 还有使用媒体查询的，直接拷贝过去试了一下一点用没有，但是我说明一下，这个肯定是一种解决方式，只是我仔细去研究，其他的同理，用了一下没有效果，由于前端在开发时使用的都是标准ui设计图，基本都是按照所以1920*1080， 而小屏幕笔记本由于分辨率高，所以导致的显示元素变小，因此很多笔记本的默认显示都是放大125%或者150%。我用的是vue，所以我把它加在了app.vue下的。
前端网页兼容电脑笔记本分辨率放大125%、150%的办法
qq_32886245的博客
03-09 1万+
有的电脑就是玩儿，哎非要默认125%或者150%的放大，还特喵的是推荐！ css /* 屏幕分辨率放大为 150 */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { .app-main { transform: scale(0.665, 0.665); /* 缩放数值需要根据效果调试 */ transform-origin: left top; } } /*
网页的放大与缩小
08-27
使用setDefaultZoom（）方法来将参数传入，实时展现出放大网页、缩小网页的效果，实际拿来应用时，你可以在Activity里的onCreate()当中，判断手机画面的分辨率，再在配置WebView浏览网页的画面时，设置适合的浏览器...
Android Webview滑动监听
10-15
在Android开发中，Webview是一个非常重要的组件，它允许开发者在原生应用中嵌入网页内容，实现网页与原生应用的交互。本篇将详细讲解如何在Android Webview中实现滑动监听以及图片的放大缩小功能。 首先，我们要...
PhotoSwipe 支持android手势放大
07-31
标题“PhotoSwipe支持android手势放大”意味着这个库允许用户通过简单的触摸和手势操作来放大和浏览图片，极大地提升了用户体验。 ### 一、PhotoSwipe的核心特性 1. **手势识别**：PhotoSwipe支持常见的触摸手势，...
设置Webview的页面缩放大小
热门推荐
谢栋的专栏
10-24 1万+
之所以要把这个简单的WebView拿出来单独写除了简单的webview加载页面缩放的设置还是因为在此Fragment中有个小细节需要单独说下 是这样的，此Fragment依托于上层Activity，上层Activity继承自ActionBarActivity，并且在activity中应用ToolBar，在Activity上ToolBar上跟跳转到Fragment要显示的 标题不一样，里面涉及到
【webview】取消自适应让webview和电脑浏览器一样的显示
PYB
11-07 1648
1920x1080分辨率的Android设备上，使用webview显示效果要和电脑浏览器一样。Android设备上效果是这样的，和PC浏览器上显示效果完全不一样。
前端改变窗口大小内容不变形_Web前端人应知应会常识（一）
weixin_39921023的博客
12-01 1641
前言好记性不如烂笔头。从事Web前端这份工作也好几年了，以前去Web前端应聘岗位的时候，总是会问到一些我知识盲点，又或者是一些高频专业题目答不上来，导致我错失良机，无法进入心仪的企业工作。是的，记性不好，就要拿小本本记下来。常识主流浏览器内核IE 浏览器（Trident 内核）Microsoft Edge 浏览器（EdgeHTML 内核/ Blink 内核）Firefox 浏览器（Gecko 内核...
Android WebView缩放配置，设置网页初始缩放比例
沧海龙腾LV的博客
10-09 9819
配置webview缩放参数值： //设置true,才能让Webivew支持<meta>标签的viewport属性 webSettings.setUseWideViewPort(true); //设置可以支持缩放 webSettings.setSupportZoom(true); //设置出现缩放工具 webSettings.setBuiltInZoomControls(true)...
androidTV-webview中web页面在小屏与大屏上显示是不同的
weixin_43841938的博客
04-08 922
在大屏上可能正好，但是在小屏上html页面内容就会超出屏幕的范围 webView.getSettings().xxx(); //根据网上各种的api都试过仍然无效，唯独settings.setTextZoom(100);有效果 settings.setTextZoom(100);//设置字体大小，默认是100，我们可以根据得到的屏幕宽度来设置它就好了 这是在android上如何设置，也可以让we...
android设置webview的适配比例
jokeYJW的博客
03-10 1419
解释：里面的数字代表缩放等级 web.setInitialScale(100);代表不缩放。 什么是不缩放?比如你要加载的网页中有图片的宽度是 500px ，如果你的手机分辨率（屏幕宽度） 是1000的话，那么整个图片只占一半的屏幕。其他的字体都是按照标准展示 ...
webView 设置缩放比例
Kodulf的专栏
08-24 4661
项目中遇到了webView 将网页嵌入进去的时候出现了字体太小，控件也太小的问题。最后发现只需要一句话就可以解决这个问题了： webview.setInitialScale(150); 参考： http://www.itmmd.com/201502/584.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值