之前制作页面以为微信传过来的图片都是正方形的(做出圆形头像的效果)?
但是今天通过接口 获取的一个头像图片得到的是一个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;
}
Border-radius不要用百分比
今天也碰到类似情况了,套个div勒一下就好,把border-radius加到img外层的div上,记得overflow:hidden,这时img加个定宽/定高,让高度/宽度自适就好。