大佬教程收集整理的这篇文章主要介绍了html – 如何使图像适合div wather图像大小最大然后div或min然后div，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
HTML代码
<div class="main"> <img scr="image.jpg"> </div>
CSS代码
.main{ height:200px; width:200px; } img{ // answer code }
如何设置图像css如下：
>图像高度100和宽度100
>图像高度300和宽度300
img { max-width: 100%; height: auto; } // This would Help you to automatically fit the image.
编辑：
上面的css代码可以帮助您处理大小大于div的图像.但是不适合小于div的图像.为实现目标需要一点JQuery,请在下面找到： –
$(document).ready(function(){ imageWidth = $('.main img').width(); parentWidth = $('.main').width(); if (imageWidth > parentWidth) { $('.main img').css('width','100%'); } });
当图像小于div时它会调整自身并根据您的要求适合div.
因此,将css和脚本放在两个条件下都可以使用.
以上是大佬教程为你收集整理的html – 如何使图像适合div wather图像大小最大然后div或min然后div全部内容，希望文章能够帮你解决html – 如何使图像适合div wather图像大小最大然后div或min然后div所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。