怎么样设置图片宽度自适应100%且图片高度等于图片宽度

Question

假设一张300x250的图片，放在600px的div内，如何用css把图片拉伸到600x600

Answer 1

纯CSS应该不可以吧js方法:;(function($){$(function(){var$divWidth=$('xxx').width();$('img').css({'height':$divWidth});})})(jQuery)css3里面有一个calc的动态计算方法，不过好像只能计算一个属性的值，即高只能计算高，宽只能计算宽，高度不能去获取宽度的值并计算。所以这样对你这个需求也无法满足。不过你也在先手动计算了div的宽高比，然后再使用高度，就比如：假如div宽度是600px，高度是500px，那么宽/高是1.2，那就可以设置css属性div{width:600px;height:500px;overflow:hidden;}img{width:100%;height:120%;}但是这样高度却不能随着你的宽度的变化而动态变化

Answer 2

用背景图吧如果不用考虑background-size的兼容性div.imgBox.imgBox{height:600px;width:600px;background:url(图片url)no-repeatcentercenter;background-size:100%auto;}