我在Safari中遇到ngx-chart
问题。我将它们与height: 100%
配合使用,以使其适合可用空间,并且我还设置了min-height
使其具有至少所需的高度。
在Firefox / Chrome中拍摄的这张图片: screenshot表明它可以在任何其他浏览器上使用。
我可能做错了,但这是Mac,iPhone或iPad在Safari上显示的方式:iPhone screenshot
有什么想法吗?预先谢谢你!
答案 0 :(得分:0)
您可以按照下面的vh
样式尝试使用min-height
(视口高度)单元,
<div style="width: 100%; min-height: 100vh">
...
</div>
另一种选择是使用calc()
,如下所示,
<div style="width: 100%; height: calc(100%);">
...
</div>