图片通过后台添加文章生存出来 带有宽度 高度,再手机自适应会导致页面问题,由于数据量太大,所以 写了个js自动改变 id为“center” 的IDV内部的所有IMG标签的高度和宽度,在此记录一下。
<html>
<script src="/js/jquery-2.1.4.min.js"></script>
<body>
<div class="article-content" id='center'>
<img src="uploads/allimg/170921/6716-1F92109554H51.JPG" style="height: 400px;width: 600px;">
<img src="uploads/allimg/170921/6716-1F92109554H51.JPG" style="height: 400px;width: 600px;">
</div>
<script type="text/javascript">
x=document.getElementById("center").getElementsByTagName("img");
for(var i=0;i<x.length;i++){
x[i].style.height="auto";
x[i].style.width="100%";
}
</script>
</body>
</html>
未经允许不得转载:天府数据港官方信息博客 » js/script 修改图片大小
客官点个赞呗! (0)