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



举报

相关文章推荐

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

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

android 加载图片轻松避免OOM(out of memory) 支持设置缓存大小,不再强制catch OOM

package l.test1.util; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFo...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

android 加载图片轻松避免OOM(out of memory) 支持设置缓存大小,不再强制catch OOM

转载自:http://blog.csdn.net/liaoxingliao/article/details/7168500 package l.test1.util; import jav...
  • nosxcy
  • nosxcy
  • 2012-10-17 11:04
  • 1888

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

Glide裁剪后 imageview自适应图片 .

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

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

使用webview 加载图片

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

webview加载图片

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

webview加载图片 gif pdf ppt txt doc 等

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

iOS开发,webView加载图片, js交互, 点击图片放大

//js方法遍历图片添加点击事件 返回图片个数     static  NSString * const jsGetImages =     @"function getImages(){\ ...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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