SCSS画像が歪んでいます

Question

ブラウザに丸い画像があります。しかし、私はapkを構築し、私のアンドロイド携帯電話でそれを実行すると、画像が歪んでいる（高さよりも大きい幅）。どのようにラウンドを維持するように強制するのですか？

イオン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

あなたがwidthと明示的height、例えば：

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