如何调整离子旋转器的大小答案

【问题标题】：How to resize ion-spinner如何调整离子旋转器的大小
【发布时间】：2020-04-21 23:51:15
【问题描述】：

我在离子应用程序中使用ion-spinner。但我的情况是我想改变微调器的大小。当我使用带有默认微调器的自定义 css 时，调整大小可以正常工作。但是对于气泡、圆圈、圆点微调器，它无法正常工作。
CSS

.spinner-large {
  width: 100px;
  height: 100px;
}

HTML

    <ion-spinner name="dots" class="spinner-large"></ion-spinner>

我该如何解决这个问题。

【问题讨论】：

【解决方案1】：

尝试使用

ion-spinner {
    transform: scale(3);
}

从离子论坛中提到，这会让你失去一些解决方案。

【讨论】：

【解决方案2】：

我遇到了类似的样式问题，我需要添加解决它 position: absolute 转 css 规则

【讨论】：

【解决方案3】：

作为 Ionic 4，您可以使用宽度和高度：

ion-spinner {
  width: 3em;
  height: 3em;
}

https://github.com/ionic-team/ionic-framework/issues/18115

【讨论】：