Question

网页CSS问题：限制图片宽度的同时怎么让图片不变形？

描述：
img{max-width:620px;}
大于620的图片自动“缩小”到620PX的宽度，
但上下高度不变，图片容易变形。
问题：
这种情况，怎样让图片【按比例】缩小到宽度最大为620px？
谢谢各位
比方下：
------------
比如宽度900 高度900 的图片
img{max-width:620px;} 可以控制大于620px的图片变为宽度为620
但长度还是900
这样图片就变形了，变得“很长” 不协调
怎么让图片按比例缩小？
------------
另外，谢谢这位朋友的回复

Answer 1

问题中没有显示出来图片和ul的关系
图上的css限制的是ul的宽度和高度，，图片的宽高应该通过img标签的属性进行控制，或者指定到你想要控制的图片（img标签）控制。

控制图片宽高的方法实例：
<img src="xxxx.jpg" width=400px height="600px" />
<img src="xxxx.jpg" style="width:400px;height:600px" />
css中通过
img{width:400px;
height:500px;

}
希望可以帮到你

追问

你好。比如宽度900 高度900 的图片
img{max-width:620px;} 可以控制大于620px的图片变为宽度为620
但长度还是900
这样图片就变形了，变得“很长” 不协调
怎么让图片按比例缩小？

Answer 2

不知道题主是否还需要答案。。不过我刚刚碰见这个问题，将宽和高都设置为max-xxx就好了。换句话说，你的问题里面，max-height设成900.应该可以解决问题。

Answer 3

宽度固定620px 高度自适应 auto