У меня возникли некоторые проблемы с репликацией следующего макета
В моем связанном примере я разработал страницу, используя абсолютное позиционирование, чтобы иметь основные функции:
- Панель приложений всегда видна сверху [sticky]
- Навигационный ящик всегда отображается на
>md
- Фиксированный нижний колонтитул всегда виден
Забегая вперед, я уже вижу это, задав абсолютное позиционирование
Я столкнусь с проблемой, поскольку AppBar автоматически изменит размер на меньших экранах, за исключением того факта, что после того, как ящик скрыт, контент все равно будет абсолютно позиционирован на странице ...
Я пытался добиться этого, используя материал flex, но мне кажется, что я бьюсь головой о бетонную стену, просто пытаясь сделать AppBar липким в моем примере (и это без всего материал-материал)
- Правка -
Через некоторое время мне удалось получить статическую полосу и нижний колонтитул с помощью флексбоксов, единственное, что я пока не могу решить, это фиксированное меню на левой стороне, буду рад, если у кого-нибудь есть какие-либо предложения по этому поводу:
гибкий макет codepen