angular - Safari 中的 Ngx-chart 高度问题

Question

ngx-chart我在 Safari中遇到问题。我有它们，height: 100%所以它适合可用空间，我还设置了一个min-height，所以它至少具有所需的高度。

这张在 Firefox/Chrome 中拍摄的图像： 屏幕截图显示它适用于任何其他浏览器。

我可能做错了什么，但这就是它在 Mac、iPhone 或 iPad 上的 Safari 上的显示方式：iPhone screenshot

关于发生了什么的任何想法？先感谢您！

标签： angularngx-charts

Answer 1

您可以尝试以下风格的vh（视口高度）单位，min-height

<div style="width: 100%; min-height: 100vh">
...
</div>

另一种选择是使用calc()如下所示，

<div style="width: 100%; height: calc(100%);">
...
</div>