我是Angular的新手,我正在尝试为我的Angular应用程序提供一个示例,该示例在互联网上看到。
示例仪表板仅使用HTML,CSS和JavaScript构建,没有任何框架。
在我正在执行的示例中,菜单中的“切换”按钮仅在屏幕小于750px时可用。我希望菜单中的“切换”按钮始终可用,无论屏幕大小如何。
我知道我可以使用Angular Material来做到这一点,但是由于我仍在Angular中开始学习,因此我想尝试这个基本示例以了解其工作原理^^
我正在开发的Angular代码放在Stackblitz上:https://stackblitz.com/edit/angular-font-awesome-starter-c3jdpl?file=src%2Fapp%2Fapp.module.ts
这是我用来做此测试的参考文章:https://medium.com/better-programming/build-a-responsive-modern-dashboard-layout-with-css-grid-and-flexbox-bd343776a97e
你能告诉我我该怎么做吗?
谢谢。
答案 0 :(得分:2)
/* Non-mobile styles, 750px breakpoint */
@media only screen and (min-width: 46.875em) {
}
删除所有应用于此媒体查询的代码。此CSS覆盖了受此导航导航影响的导航和组件。