Как сделать Angular сиденав рядом с панелью инструментов на мобильном, под панелью инструментов на рабочем столе - PullRequest
0 голосов
/ 21 января 2020

Как сделать Angular sidenav рядом с панелью инструментов на мобильном устройстве, под панелью инструментов на рабочем столе?

Мой дизайн на мобильном устройстве, на панели инструментов будет значок меню в верхнем левом углу, нажмите, чтобы откройте sidenav. На рабочем столе не будет значка меню, и всегда будет отображаться sidenav.

Боковое меню большинства телефонных приложений использует общую высоту окна, а не под панелью инструментов, а фиксированное левое меню большинства веб-сайтов рабочего стола находится под панелью инструментов. , Это то, что я хочу.

Телефон

enter image description here

Рабочий стол

enter image description here

Есть ли удобный способ сделать это?

Я думаю, что использование вложенного sidenav может сработать, скрыть внутреннее внешнее шоу на телефоне и скрыть Внешнее шоу внутреннее на рабочем столе, но я не думаю, что это хороший способ.

Кстати, я использую ширину экрана, чтобы решить, будет ли это телефон или рабочий стол, окно браузера с тонкой шириной будет работать как телефон.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...