Когда я разрабатываю в адаптивном представлении браузера (например, Firefox: iphone X), все идеально подходит, но когда я перехожу на браузер iphone X (Safari или Chrome), содержимое уходит за нижнее меню браузера, и мне нужно прокрутите, чтобы увидеть содержимое.
Разве сетка не учитывает размер области просмотра за вычетом размера нижнего меню браузера?
Любой намек, чтобы преодолеть эту тему?
Заранее спасибо.
Мне удалось найти обходной путь, не идеальное решение, но решает проблему.
Проблема в мобильной среде, заключающаяся в постоянном отображении фиксированного нижнего меню, связана со свойством height: 100vh в оболочке .main-container. Тогда каков был обходной путь?
Был добавлен в styles.css для определения опорной высоты height: 100%
html, body {
height: 100%;
}
и в app.component.css
.main-coontainer {
height: 100% !important;
}
... и это сделано. См. пример на странице stackblitz.com/edit/clarity-design-grid-responsive.
