【如何设置图片自适应屏幕大小】如何设置图片自适应容器大小

更新时间:2015-04-28    来源:php常用代码    手机版     字体:

【www.bbyears.com--php常用代码】

 代码如下



演示



<script type="text/javascript">
/* window.onload = function(){
 var imgView = document.getElementById("imgView");
 var simg = imgView.getElementsByTagName("img")[0];
 var simg_w = parseInt(simg.clientWidth);
 var simg_h = parseInt(simg.clientHeight);
 if (simg_w > 200 || simg_h >200 ){
  if (simg_w > simg_h){
   simg.style.width = "200px";
   simg.style.height = "auto";
  }
  else if(simg_h > simg_w) {
   simg.style.height = "200px";
   simg.style.width = "auto";
  }
 }
}
/* ]]> */
</script>





本文来源:http://www.bbyears.com/jiaocheng/14698.html

猜你感兴趣

热门标签

更多>>

本类排行