增加材料图标的大小

在许多应用程序和网站中，材料设计图标是最好的选择之一，因为它们具有干净和现代的外观，可以增强用户体验。但是，有时候，材料设计图标的默认大小可能不够大，这可能会降低用户的可用性。在这种情况下，您可以通过几种方法来增加材料设计图标的大小。本篇文章将向您介绍其中一种方法。

方法1: 使用class属性

您可以使用CSS的class属性来调整材料设计图标的大小。以下是一些不同大小的class名称：

.material-icons.md-12 {
  font-size: 12px;
}
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}

这些CSS属性可以用于材料设计图标的任何元素。您可以在HTML代码中使用这些class属性，并将它们附加到材料设计图标元素上。例如：

<i class="material-icons md-18">add</i>

这将为add图标元素添加一个18像素的大小。在您的应用程序中，您可以根据需要更改像素值，并在CSS文件中添加相应的类名。

方法2: 使用inline-style属性

您还可以使用内联样式调整材料设计图标的大小。以下是一个例子：

<i class="material-icons" style="font-size:36px;">add</i>

这将为add图标元素添加一个36像素的大小。您可以在内联样式中使用像素值调整大小或使用em、rem等CSS单位。

以上是两个快速简单的方式来增加材料设计图标的大小。使用这些方法，您可以为您的用户提供更好的用户体验。