css - 如何调整 ionic 旋转器的大小

标签 css angular ionic-framework

我正在使用 ion-spinner在 ionic 应用中。但我的情况是我想改变微调器的大小。当我使用带有默认微调器调整大小的自定义 css 时效果很好。但是对于气泡、圆圈、圆点旋转器,它无法正常工作。
CSS

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

HTML

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

我怎样才能解决这个问题。

Stackblitz example

最佳答案

尝试使用

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

从 ionic 论坛它提到这会让你失去一些分辨率。

关于css - 如何调整 ionic 旋转器的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59578170/

相关文章:

html - 下拉菜单子(monad)菜单不显示

css - 有没有办法让选定的选择框选项保持彩色?

html - Orchard 异常(exception) : The request lifetime scope cannot be created because the HttpContext is not available

javascript - Angular 2中的多个复选框

javascript - 呈现动态输入数组

android - 在 android studio 中导入并开发一个 ionic 项目

javascript - 使用子选择器自动阅读更多内容

angular - 在 angular2 中调用 enableProdMode 的最佳模式

ionic-framework - 我的 Ionic 应用程序在浏览器上运行良好,但无法在我的手机上打开

ios - Cordova ionic 地理位置失败:iOS上的位置检索超时错误代码3