Проблема с высотой ngx-диаграммы в Safari

У меня проблема с ngx-chart в Safari. У меня они с height: 100%, чтобы он соответствовал доступному пространству, и я также установил min-height, чтобы он имел по крайней мере желаемую высоту.

Это изображение, сделанное в Firefox / Chrome: снимок экрана показывает, что оно работает в любом другом браузере.

Я, вероятно, делаю что-то не так, но вот как это отображается в Safari на Mac, iPhone или iPad: скриншот iPhone

Есть идеи о том, что происходит? Заранее спасибо!


angular ngx-charts
person GmoRubio    schedule 25.04.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете попробовать единицу vh (высота области просмотра) в своем стиле min-height, как показано ниже,

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

Другой вариант - использовать calc(), как показано ниже,

<div style="width: 100%; height: calc(100%);">
...
</div>
person shadowman_93    schedule 25.04.2019
comment
Извините, но это не помогло. - person GmoRubio; 25.04.2019
comment
Не могли бы вы создать репозиторий stackblitz? Итак, мы можем видеть и ваш код. - person shadowman_93; 25.04.2019
comment
Исправлено с использованием стилей исключительно для Safari. В любом случае спасибо! - person GmoRubio; 25.04.2019