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%;
}