Как сделать Angular sidenav
рядом с панелью инструментов на мобильном устройстве, под панелью инструментов на рабочем столе?
Мой дизайн на мобильном устройстве, на панели инструментов будет значок меню в верхнем левом углу, нажмите, чтобы откройте sidenav
. На рабочем столе не будет значка меню, и всегда будет отображаться sidenav
.
Боковое меню большинства телефонных приложений использует общую высоту окна, а не под панелью инструментов, а фиксированное левое меню большинства веб-сайтов рабочего стола находится под панелью инструментов. , Это то, что я хочу.
Телефон
Рабочий стол
Есть ли удобный способ сделать это?
Я думаю, что использование вложенного sidenav
может сработать, скрыть внутреннее внешнее шоу на телефоне и скрыть Внешнее шоу внутреннее на рабочем столе, но я не думаю, что это хороший способ.
Кстати, я использую ширину экрана, чтобы решить, будет ли это телефон или рабочий стол, окно браузера с тонкой шириной будет работать как телефон.