Angular2材质md-icon尺寸

Question

如何使图标大小与angular2中的字体相对大小一起使用？

console.log(obj['Chatting']['a']['id']); // 'example'

Answer 1

在CSS文件中，您可以通过修改字体大小，高度和宽度来修改md-icon大小。例如：

md-icon.size-45 {
    font-size: 45px;
    height: 45px;
    width: 45px;
}

Answer 2

有两种方法可以解决这个问题。

您可以影响连字本身：

<md-icon><h1>highlight</h1></md-icon>

这将调整图标的大小，但它会受到标题元素（如font-weight）上设置的样式的影响。所以，我建议使用CSS调整大小：

<md-icon style="font-size:24px">highlight<md-icon>

这将清晰地调整图标大小。你当然也可以添加类来做（更好！）：

<md-icon class="large">highlight<md-icon>