如何在离子框架v4和角7中调整图标的大小

Question

ngx-skycons是一个图标库。

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

我试图在离子项目中使用这个，因为它使用了角，这个图标库运行良好，但是有一个问题，我不能调整图标的大小。

这个图标库是https://github.com/darkskyapp/skycons的端口。

Hear是一个用于实验的堆栈闪电战， 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';
    }

诚挚的问候