jsfiddle.net/rdtva2fq/48
я такая ситуация:https://jsfiddle.net/johnsam/rdtva2fq/
НаХром это работает хорошо, посмотрите это:
Это начало (см. «ПЕРВЫЙ» и «ПОСЛЕДНИЕ» BTN). Хорошо.
НаСафари это не (также с iPad / iPhone, это то же самое) видит это:
"ПЕРВЫЙ" btn OK, "ПОСЛЕДНИЕ" один Нет. На странице есть полоса прокрутки, это то, чего я не хочу!
Если я удаляю часть заголовка, она работает хорошо, поэтому я думаю, что Safari не распознает (height: 100vh
МИНУС часть заголовка той высоты) возможно. Я прав?
Код:
<div class="my-all d-flex flex-column height100">
<div class="container-fluid" style="background: red;">
<div class="row">
<div class="col-12 my-5">
Test space long long long
</div>
</div>
</div>
<div class="my-main d-flex height100" style="background: cyan;">
<div class="container-fluid d-flex media-body">
<div class="row my-row my-3">
<div class="col-6 my-grid">
<a class="btn btn-secondary my-btn">
<span>FIRST</span>
</a>
</div>
</div>
</div>
</div>
</div>