通过使用角度5调整div的高度和宽度的百分比而不是像素

时间:2018-07-24 08:52:18

标签: javascript angular

我对angular 5还是陌生的。我必须通过使用angular 5实现以百分比形式调整div的高度和宽度的大小。请帮助我实现此功能。

3 个答案:

答案 0 :(得分:1)

您可以轻松地做到这一点。

<p [style.width.%]="someValue"> ... </p>
<p [style.height.%]="someValue"> ... </p>

ref

答案 1 :(得分:0)

您必须在.css文件中声明css属性。

例如:

div {
    height: 200px;
    width: 50%;
    background-color: powderblue;
}

答案 2 :(得分:0)

最好在css / .ts文件中使用它

@Component({
  selector: 'your-selector',
  styles: [`   
      .change-hight-width{
        height: 200px;
        width:200px;
      }   
  `]
//rest of the code
    })

以html

<div [ngClass]="'change-hight-width'">