关闭

WebView加载图片超过屏幕大小的问题

471人阅读 评论(0) 收藏 举报
分类:

使用WebView加载一个网页,很可能会出现横向的滚动条,让界面看起来很不方便,就像打开了一个为电脑设计的网页,尽管这个网页本身只有一个div。

我发现绝大多数情况下是因为图片大小超过屏幕所引起的,因为文字是会自动换行的。

如果你没有网页设计的经验,你多半会考虑如何设置WebView。

其实这不应该由WebView解决,WebView也不好解决。


使用css就可以了

在请求的网页中添加css来限制图片的大小:

1
2
3
4
5
6
7
8
<style>
  
img{
 max-width:80%;
 height:auto;
}
  
</style>

这样每张图片的最大宽度只有设备的80%那么宽了,你可以设置成其它值。

注意,是max-width,不要这样设置:

1
2
3
4
5
6
7
8
<style>
  
img{
 width:80%;
 height:auto;
}
  
</style>

这样的话,如果是在平板上,屏幕的80%很可能比图像本身要宽的多,造成图片被拉大。



0
0
查看评论

Android WebView加载html文本时,图片太大不能适配屏幕

有时候我我们用webview去显示后台返回给我的html代码时使用loadDataWithBaseURL 如果是纯文字没有什么关系 但是出现图片的话 可能就不出现不适配的现象 看起来就有点格格不入了 实现逻辑是这样的 通过Jsoup去修改其中img标签的属性 Jsoup是一个html处理的管理...
  • pengpenggxp
  • pengpenggxp
  • 2016-11-22 17:43
  • 3593

android webview加载html图片自适应手机屏幕大小&点击查看大图

我们在开发中,显示信息详情时,一般后台会给出html文本,在android端一般采用webview控件来展示,但是后台给出的html文本一般是给电脑端用的,没有自适配手机,导致手机端图片显示过大,需要左右移动来查看全图。下面给出几种实用方法,达到在手机端用webview展示html中的图片,能自适应...
  • smileiam
  • smileiam
  • 2017-05-15 10:35
  • 8551

WebView加载图片超过屏幕大小的问题

参考传送门 公司项目中使用了WebView加载由服务器框架生成的一些网页代码  发现图片显示的贼长,以至于要往右滑动后才能查看全部图片 百度后发现有让设置一些webview的设置的,但是没什么反映,但是参考传送门文章(由于本人不会html)可能是因为服务器生...
  • u013134391
  • u013134391
  • 2017-04-21 09:58
  • 772

webview加载html图片过大左右滑动的解决/webview加载图片自适应大小

webview加载解析html5的时候加载图片 ,图片过大导致图片可以左右滑动,用户体验很不好,见下图 解决代码如下: 1.1webview的设置代码 WebSettings webSetting = webContent.getSettings(); webSettin...
  • minwenping
  • minwenping
  • 2017-02-24 21:07
  • 1478

解决 android 高低版本 webView 里内容 自适应屏幕的终极方法

http://www.cnblogs.com/linguanh/p/4927353.html 解决 android 高低版本 webView 里内容 自适应屏幕的终极方法 转载请声明出处(http://www.cnblogs.com/linguanh/)   ...
  • xiayu98020214
  • xiayu98020214
  • 2015-12-09 19:56
  • 8028

WebView展示图文混排,以及出现文字长度超过屏宽造成的WebView可以左右滑动问题

简单实现  后台返回数是文字含有图片的图文混排格式,当然图片的就是个url,之前只是文字的话很简单用TextView就能解决,即setText(Html.fromHtml(“请求内容”));图文混排的话我这里用的WebView控件展示的:content为请求返回的内容 WebView ...
  • qq_32209403
  • qq_32209403
  • 2016-12-14 09:57
  • 1352

WebView加载图片超过屏幕大小的问题

使用WebView加载一个网页,很可能会出现横向的滚动条,让界面看起来很不方便,就像打开了一个为电脑设计的网页,尽管这个网页本身只有一个div。 我发现绝大多数情况下是因为图片大小超过屏幕所引起的,因为文字是会自动换行的。 如果你没有网页设计的经验,你多半会考虑如何设置WebView。 ...
  • chenhuakang
  • chenhuakang
  • 2016-05-30 09:51
  • 471

Android WebView加载html文本时,图片太大不能适配屏幕

Android WebView 加载html文本时调整图片大小至适应屏幕
  • vack2015
  • vack2015
  • 2015-08-08 13:12
  • 5833

WebView加载图片超过屏幕大小的问题

使用WebView加载一个网页,很可能会出现横向的滚动条,让界面看起来很不方便,就像打开了一个为电脑设计的网页,尽管这个网页本身只有一个div。 我发现绝大多数情况下是因为图片大小超过屏幕所引起的,因为文字是会自动换行的。 如果你没有网页设计的经验,你多半会考虑如何设置WebView。 ...
  • happyrabbit456
  • happyrabbit456
  • 2015-03-27 14:39
  • 862

UICollectionView 数据不够一屏 开启 上下滚动

当要显示的数据不够一个屏幕时 UICollectionView.contentSize小于UICollectionView.frame.size的时候,UICollectionView是不会滚动的 需要加以下代码: _mainCollectionView.alwaysBounce...
  • yanglei3kyou
  • yanglei3kyou
  • 2014-12-31 12:22
  • 454
    个人资料
    • 访问:162811次
    • 积分:2570
    • 等级:
    • 排名:第16811名
    • 原创:56篇
    • 转载:268篇
    • 译文:2篇
    • 评论:16条
    最新评论