Safari中的Ngx图高度问题

时间:2019-04-25 08:34:17

标签: angular ngx-charts

我在Safari中遇到ngx-chart问题。我将它们与height: 100%配合使用,以使其适合可用空间,并且我还设置了min-height使其具有至少所需的高度。

在Firefox / Chrome中拍摄的这张图片: screenshot表明它可以在任何其他浏览器上使用。

我可能做错了,但这是Mac,iPhone或iPad在Safari上显示的方式:iPhone screenshot

有什么想法吗?预先谢谢你!

1 个答案:

答案 0 :(得分:0)

您可以按照下面的vh样式尝试使用min-height(视口高度)单元,

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

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

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