当前位置: 代码迷 >> Web前端 >> webView 从适用图片
  详细解决方案

webView 从适用图片

热度:790   发布时间:2012-09-02 21:00:34.0
webView 自适用图片

只适用宽高可以

<img src="huge-image.jpg" width="100%" />

<img src="huge-image.jpg" height="100%" />
不过这样只能拉伸
<img src="huge-image.jpg" onload="resize(this);" />


<script type="text/javascript">

? ? function resize(image)
? ? {
? ? ? ? var differenceHeight = document.body.clientHeight - image.clientHeight;
? ? ? ? var differenceWidth ?= document.body.clientWidth ?- image.clientWidth;
? ? ? ? if (differenceHeight < 0) differenceHeight = differenceHeight * -1;
? ? ? ? if (differenceWidth ?< 0) differenceWidth ?= differenceWidth * -1;

? ? ? ? if (differenceHeight > differenceWidth)
? ? ? ? {
? ? ? ? ? ? image.style['height'] = document.body.clientHeight + 'px';
? ? ? ? }
? ? ? ? else
? ? ? ? {
? ? ? ? ? ? image.style['width'] = document.body.clientWidth + 'px';
? ? ? ? }

? ? ? ? // Optional: remove margins or compensate for offset.
? ? ? ? image.style['margin'] = 0;
? ? ? ? document.body.style['margin'] = 0;
? ? }

</script>


1 楼 bborn 2010-12-05  
两种方法有什么不同吗?