CSS如何使图片根据DIV大小而缩放呢？
css吧
全部回复
仅看楼主
level 6
小孩嘎嘎牛º 楼主
比如说：DIV 是正方形的，长和宽都是500px。
而图片的大小是不固定的，比如说320x240，240x320，680x900这样的图片。要显示在500X500的DIV里面，关键是不能拉伸，不能变形，只允许放大或者缩小。如果使图片的最长的边铺满DIV，也就是图片的最长边缩放为500PX，而短的边根据比例自动缩放不变形的，要怎么实现呢？注意看清楚问题哦，别说什么width:500px;height500px;。我是要最长的边铺满500X500的DIV，而另一个短的边根据比例自动缩放哦，希望有高手帮忙一下
2016年05月15日 15点05分 1
level 6
小孩嘎嘎牛º 楼主
没人吗？很奇怪哦
2016年05月16日 15点05分 2
level 6
小孩嘎嘎牛º 楼主
真的没人吗？
2016年05月17日 10点05分 3
level 6
小孩嘎嘎牛º 楼主
真没人吗
2016年06月04日 09点06分 4
level 9
梅缘chen
img{max-width: 500px; max-height: 500px;}
2016年06月04日 13点06分 6
小孩嘎嘎牛º
这个如果图片小于500的不会放大呀，我的意思是说最长边放大或者缩小为500呀
2016年06月04日 14点06分
梅缘chen
@小孩嘎嘎牛º 那就结合js来实现吧，纯CSS我不清楚如何实现
2016年06月04日 15点06分
小孩嘎嘎牛º
回复 梅缘chen ：js也行啊，要怎么实现呢？
2016年06月04日 15点06分
小孩嘎嘎牛º
回复 梅缘chen ：不管用什么办法都行，就是图片大小不一，让最长的边等于500px，另一边等比例缩放
2016年06月04日 15点06分
level 12
♬乌蒙木子柒♋
div img{width:100%;height:100%;}
2016年06月04日 19点06分 7
level 11
1158810618
以上楼楼跟你说的方法咋样
2021年03月22日 02点03分 9
level 1
高一点点
百分比
2021年05月28日 10点05分 10
level 1
stitcheson
纯css的话你给图片一个width:100%就好了的
2021年06月03日 01点06分 11
level 3
好图君
按百分比就行了
2021年06月11日 06点06分 12
level 11
1158810618
可以
2021年06月15日 13点06分 13
level 1
我正好喜欢😘
用js可以实现if div.offsetWidch大于div.offsetHight则widch等于百分百否则hight百分百
2021年06月17日 04点06分 14
小孩嘎嘎牛º
就这个靠谱，谢谢
2021年06月23日 10点06分
level 11
1158810618
按比率
2021年07月28日 08点07分 15
1