1. 程式人生 > >App裏面如何正確顯示用戶頭像

App裏面如何正確顯示用戶頭像

radi bsp gin back tom osi padding htm solid

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裏面如何正確顯示用戶頭像