html默认样式:
<div class="news_infos" id="newsp">
<p><img src="/static/wddqxz/img/default/default.png" data-src="images/v1.jpg" style="width:300px;height:100px"></p>
</div>
CSS:
.news_infos img { max-width: 650px;height:auto; }
js:
<script type="text/javascript">
var aImg=document.getElementById("newsp").getElementsByTagName('img');
for(var i=0;i<aImg.length;i++){
aImg[i].style.height="100%";
aImg[i].style.width="100%";
}
</script>
或者 方法二:
<script type="text/javascript">
var aImg=document.getElementById("newsp").getElementsByTagName('img');
for(var i=0;i<aImg.length;i++){
aImg[i].style.height="auto";
aImg[i].style.width="auto";
}
</script>
html更改后:
<div class="news_infos" id="newsp">
<p><img src="/static/wddqxz/img/default/default.png" data-src="images/v1.jpg" style="width:100%;height:100%"></p>
</div>
方法三 CSS:
.news_infos img { max-width: 650px;height:auto; }
@media only screen and (max-width: 480px) {
.news_infos img { width:100%; }
}
正在阅读:
圣诞节作文1000字07-06
初任公务员培训个人工作总结_初任公务员个人工作总结08-25
2023下半年吉林商务英语报名时间、条件及入口[9月12日-21日]09-21
美丽的校园作文500字01-08
海南2017年中级会计职称考试报名时间10-06
排队小记作文800字01-27