我怎样才能调整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形状和编辑它们。希望它能帮助

干杯！