使用Bootstrap要满足图片响应式需求的朋友,只需要在HTML代码中给图片加上以下CSS样式即可:
.img-responsive
下面是完整的示例:
<div id="mainText"> ... <img src="images/ipmay.png" class=".img-responsive"> ... </div>
当然,如果网页的内容已经固定下来,不想修改,可以通过jQuery动态添加样式实现。
比如,上面示例中的代码可以加上以下jQuery代码即可:
<script>
$(document).ready(function(){
$.each($("#mainText img"), function(ekey){
if(!$(this).hasClass("img-responsive")) {
$(this).addClass("img-responsive");
}
});
});
</script>
