html - SCSS 画像の歪み

Question

ブラウザで丸く見える丸い画像があります。ただし、apk をビルドして Android フォンで実行すると、画像が歪んでしまいます (幅が高さより大きくなります)。ラウンドを維持するにはどうすればよいですか?

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

widthたとえば、次のようにheight明示的に設定できます。

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