css - 如何缩放 MDL 微调器？

Question

有什么方法可以缩放 MDL 微调器吗？我试图改变它的 widht和 height属性，但它变得更薄。看一看:

CSS

width: 150px; 
height: 150px

结果

Answer 1

找到了。

您需要设置新属性。

CSS

.mdl-spinner {
  width: 28px;
  height: 28px;
}

.mdl-spinner__circle {
  border-width: 3px;
}

并按 28/3 的比例更改它们。比方说，如果你想让它大 3 倍，你的代码看起来像:

CSS

.mdl-spinner {
  width: 84px;
  height: 84px;
}

.mdl-spinner__circle {
  border-width: 9px;
}

当心!如果缩放超过 10 倍，它确实会影响您的 FPS。