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

Question

ngx-skycons 是一个图标库

https://flexocarpius.github.io/ngx-skycons/demo

我正在尝试在 ionic 元素中使用它，因为它使用 Angular 这个图标库工作正常但有一个问题我无法调整图标大小。

此图标库是 https://github.com/darkskyapp/skycons 的端口

听说是实验的堆栈 Blitz https://stackblitz.com/edit/angular-fyqwgu

Answer 1

您可以停用 ViewEncapsulation。查看以下示例，有关更多信息，请阅读 https://angular.io/guide/component-styles .

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';
    }

最好的问候