<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>css实现不规则图片等宽高展示</title>
</head>
<style>
.image-header{
position:relative;
width:100%;
height:0;
padding-top:100%;
}
.image-header img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
</style>
<body>
<div style="width: 200px;">
<div class="image-header">
<img src="img/c91415fac154e64030535ee80351d54d.jpg">
</div>
</div>
</body>
</html>
将img路径,更换即可,
方案参考如下
http://www.cnblogs.com/yesyes/p/6686719.html