首页 > 代码库 > App里面如何正确显示用户头像
App里面如何正确显示用户头像
1、说明,一般用户头像在上传的时候都会处理为正方形,如果没有处理该怎么正确显示用户头像呢?
解决方案:用css强制
在线地址移动端:戳这里
<div class="main-meimg"><img src="http://playback-langlive.ufile.ucloud.com.cn/c8f137446774494db18e41839c4a788f.jpg" alt=""></div>
css
.main-meimg { width: 2.08rem; margin: 0 auto; height: 2.08rem; border: 0.06rem solid #B37DFD; border-radius: 50%; padding: 0.08rem; box-shadow: inset 0 0 0.133333rem #B37DFD; position: relative;}.main-meimg img { width: auto; height: 100%; position: absolute; left: -100%; top: -100%; right: -100%; bottom: -100%; margin: auto; border-radius: 50%;}
App里面如何正确显示用户头像
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。