SCSS Bilder verzerrt

Question

Ich habe ein rundes Bild, das in einem Browser rund erscheint. Allerdings, wenn ich die apk baue und es auf meinem Android-Handy laufen, ist das Bild verzerrt (Breite größer als Höhe). Wie setze ich durch, dass es rund bleibt?

Ich verwende Ionic 2.

HTML:

<p class="item-selected-row search-right"> 
    <img class="item-stable" id="icon-image-{{subcategory.id}}" src="{{subcategory.icon}}" height="23" width="23" /> 
</p> 

SCSS:

.item-selected-row { 
    display: inline-flex; 
} 

.search-right { 
    float: right; 
} 

img.item-stable { 

} 

Answer 1

Sie können festlegen, width und height ausdrücklich, z.B .:

img.item-stable { 
    width: 50%; 
    height: 50%; 
}