前端圖檔顯示問題

圖檔顯示

• 不拉伸顯示，使用父元素來遮擋子元素，來達到效果
• css 子元素css 、父元素img-content

.img-content img {
	max-width :100%
}
.img-content{
	position:relative
    width :1.5rem
    height :1.5rem
    border-radius: 50%
    overflow: hidden
    text-align :center
}
           

html

<div 
class="img-content">
   <img src="url" />
</div>