Css 如何在ionic framework v4和Angular 7中调整图标大小

ngx skycons是一个图标库

我正试图在爱奥尼亚项目中使用它，因为它使用角度，这个图标库工作正常，但有一个问题，我无法调整图标的大小

此图标库是的端口

---

Hear是一个用于实验的stackblitz

您可以禁用viewcapsulation。查看以下示例并阅读更多信息

---

向您致意

您可以通过指定

宽度来调整其大小；高度

到

画布

设置画布宽度高度不会更改任何内容。我在app.component.scssI中使用了canvas{width:10px；}我在问题中添加了stackblitz url，因此您可以测试它。我尝试了这个方法，但没有成功。请检查stackblitz并帮助我确定问题。您的样式就是问题所在。使用

sc skycons canvas{width:100px；height:100px；}

。工作示例：当禁用ViewEn封装时，更改画布的宽度和高度后，此操作生效

import { Component,ViewEncapsulation } from '@angular/core';

    @Component({
      selector: 'my-app',
      templateUrl: './app.component.html',
      styleUrls: [ './app.component.css' ],
    encapsulation: ViewEncapsulation.None
    })
    export class AppComponent  {
      name = 'Skycons';
    }