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

转载 2016年05月30日 09:51:54

使用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%很可能比图像本身要宽的多,造成图片被拉大。



相关文章推荐

webview加载图片,图片超出屏幕宽度

用jsoup这个开源库就好了.网络上搜一大堆... mWebView.loadDataWithBaseURL(null, getNewContent(contents),//这里的content...

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

参考传送门 公司项目中使用了WebView加载由服务器框架生成的一些网页代码  发现图片显示的贼长,以至于要往右滑动后才能查看全部图片 百度后发现有让设置一些webvi...

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

我们在开发中,显示信息详情时,一般后台会给出html文本,在android端一般采用webview控件来展示,但是后台给出的html文本一般是给电脑端用的,没有自适配手机,导致手机端图片显示过大,需要...

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

版权声明:本文为博主原创文章,未经博主允许不得转载。 目录(?)[-] 方法一直接替换html文本中img标签下图片大小方法二使用Jsoup查找img标签替换图片的宽度和高度 导...

webview加载图片 gif pdf ppt txt doc 等

- (void)loadFile{     UIWebView *webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, SCREE...

使用webview 加载图片

【IT168技术】在本教程中,我们将一步步学习如何使用Android中的WebView控件去展现图片,并且进行相关的参数设置,也会学习各种将图片导入到WebView的参数,包括从其他web站点加载图片...

webview加载图片

Android4.4WebView无法正常加载富文本图片的问题html的富文本如下

WebView加载图片部分不在app中打开!!

在代码中写WebView加载图片链接后发现部分打开是需要浏览器器的,而不是在app内部打开! 初步研究发现WebView有两个方法: setWebChromeClient 和 setWebClie...
  • onceing
  • onceing
  • 2015年04月10日 10:09
  • 724

使用Gilde加载图片时裁剪大小异常

Glide裁剪后 imageview自适应图片 .
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebView加载图片超过屏幕大小的问题
举报原因:
原因补充:

(最多只允许输入30个字)