博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现图片自适应
阅读量:5109 次
发布时间:2019-06-13

本文共 535 字,大约阅读时间需要 1 分钟。

<head>
<script type="text/javascript">
function ReImgSize(){   
           for (j=0;j<document.images.length;j++){              //遍历所有的图片 
               
    document.images[j].width=(document.images[j].width>300)?"300":document.images[j].width; 
               
    document.images[j].height=(document.images[j].height>200)?"200":document.images[j].height; 
          
    }  
}
</script>
</head>
<body οnlοad="ReImgSize()">//当网页加载时,触发方法
<div style="border:1px solid black;width:310px; height:210px;">
<img src="01.jpg"/>
</div>
</body>
 
 
 
或者直接设置 图片的 
 max-width:100%,但是不兼容IE

转载于:https://www.cnblogs.com/soofly/p/3436328.html

你可能感兴趣的文章
EFCore执行Sql语句的方法:FromSql与ExecuteSqlCommand
查看>>
C++语言-02-函数
查看>>
jQuery5~7章笔记 和 1~3章的复习笔记
查看>>
centos7安装并配置nginx+php
查看>>
Linux下搭建DNS服务器
查看>>
(转载)PHP array_slice() 函数
查看>>
ZOOKEEPER之WATCHER简介
查看>>
[CF535D]Tavas and Malekas 题解
查看>>
cookie和localStorage、sessionStorage的区别
查看>>
关于工作流引擎授权问题的需求变更
查看>>
函数的作用域与匿名函数
查看>>
控制台输出文字颜色的方法
查看>>
百度前端学习日记14——面向对象
查看>>
关于中断处理程序的运行问题
查看>>
C#中int32 的有效值范围
查看>>
js只能输入数字和小数点
查看>>
nyoj 20 吝啬的国度
查看>>
nyoj 86 找球号(一)(set,map)
查看>>
Oracle 删除重复数据只留一条
查看>>
poj1984 带权并查集(向量处理)
查看>>