为什么IE中的clientWidth为0

Question

我有一个Angular 4组件，其中模板只有一个画布（没有CSS模板）

<canvas #mychart>
</canvas>

我在另一个使用flex调整宽度的组件中使用此组件。

<myComp #myMini class="cssforflex" [style.width.px]="Width"></mycomp>

为了在整个组件调整大小时调整宽度（比如调整窗口大小），我们依赖于elementRef.nativeElement.clientWidth的{​​{1}}属性。

因此，对于每个resize事件，我们检查myComp并将其应用于画布宽度。

这在Chrome中运行得非常好，但在IE中，clientWidth始终为0。任何想法为什么？

Answer 1

当我将样式display: inline-block放入组件中时，它对我有用。

我仍然不确定为什么会这样。所以，如果有人知道，请告诉我。