css - 我如何调整CSS图标的大小？

Question

你好，我想在我的主页上使用这个图标

link

.logo.chrome {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  height: 210px;
  width: 210px;
  z-index: 1;
}

但它是 css，当我尝试更改宽度或高度时，图标形状被聚集

图标太大想变小

有没有指南？

想要选择整个css并改变大小

Answer 1

要编辑具有不同颜色和尺寸的此类 css 形状，您需要为所有相关类尝试不同的宽度、高度和边距组合 [按比例]。由于您将编辑 css，因此您实际上可能需要像 less 这样的东西以获得更可维护和可扩展的代码。

看看this教程。它与绘制 css 形状和编辑它们有关。希望对你有帮助

干杯!