这是一个针对技术开发者的一个应用,你可以在掘金上获取最新最优质的技术干货,不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎,想成为全栈工程师的朋友不要错过!
使用WebView加载一个网页,很可能会出现横向的滚动条,让界面看起来很不方便,就像打开了一个为电脑设计的网页,尽管这个网页本身只有一个div。
我发现绝大多数情况下是因为图片大小超过屏幕所引起的,因为文字是会自动换行的。
如果你没有网页设计的经验,你多半会考虑如何设置WebView。
其实这不应该由WebView解决,WebView也不好解决。
使用css就可以了
在请求的网页中添加css来限制图片的大小:
<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%很可能比图像本身要宽的多,造成图片被拉大。
转自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0208/2438.html