Angular에서 백분율로 스타일을 적용하는 방법은 무엇입니까?

Angular에서 백분율로 스타일을 적용하는 방법은 무엇입니까?

이 링크에 따라

할수있어

<p [style.width.px]="30">
  Some text that may be important.
</p>

이렇게 하면 너비가 30px로 설정됩니다.백분율에 대해 동일하게 하려면 어떻게 해야 합니까?

<p [style.width.percent]="30"> // This doesn't work
  Some text that may be important.
</p>

다음을 사용합니다.%기호.

<p [style.width.%]="30">

일반적으로 CSS의 숫자 값 뒤에 오는 모든 것을 사용합니다.

예를 들어,

30rem => [style.width.rem]="30"
30px => [style.width.px]="30"
30% => [style.width.%]="30"

언급URL : https://stackoverflow.com/questions/56484111/how-to-apply-style-with-percentage-in-angular