微信如何保证拿到的用户头像图片是正方形？

Question

之前制作页面以为微信传过来的图片都是正方形的(做出圆形头像的效果)？
但是今天通过接口 获取的一个头像图片得到的是一个638x496，就变成了椭圆的...
很奇怪，微信上传头像不是都要剪切成正方形的吗？为什么会出现这样的尺寸

得到的用户头像地址：
http://wx.qlogo.cn/mmopen/xDf...

<div class="img-responsive"><img src="..." /><div>

.img-responsive{
  width:20%;
  border-radius:50%;
}
.img-responsive img{
  width:100%;
  display:block;
}

Answer 1

今天也碰到类似情况了，套个div勒一下就好，把border-radius加到img外层的div上，记得overflow:hidden，这时img加个定宽/定高，让高度/宽度自适就好。

Answer 2

现在都是正方形了吧 因为设置头像的时候裁剪的就是正方形的

Answer 3

Border-radius不要用百分比