javascript - 如何在最小化屏幕时显示按钮？

Question

即使屏幕最小化，我也希望搜索图标始终显示。 如您所见，当您最小化屏幕时，搜索图标会隐藏。

如何使用 CSS 使其显示？

请看例子: Stackblitz

Answer 1

尝试将 flex-wrap 属性添加到父级:

nav {
    display: flex;
    flex-wrap: wrap;
}

此外，移除导航栏的固定高度:

@media (max-width: 599px){
    .mat-toolbar-row, .mat-toolbar-single-row {
        height: auto !important; 
    }
}