以下 CSS 增加高度但不增加宽度:
.mat-bottom-sheet-container {
min-height: 100vh;
min-width: 100vw;
margin-top: 80px;
}
有人知道如何增加MatBottomSheet
宽度吗? Stackblitz new window demo.
请注意,演示必须在新窗口中运行(在新窗口中打开)才能看到 MatBottomSheet
不是完整 View 。
最佳答案
这是因为您将 mat-bottom-sheet-container-large
应用于具有 css 的同一元素
.mat-bottom-sheet-container-large {
min-width: 512px;
max-width: calc(100vw - 256px);
}
删除此类或将 !important 属性添加到 mat-bottom-sheet-container
类中的 min-width
.mat-bottom-sheet-container {
min-height: 100vh;
min-width: 100vw !important;
margin-top: 80px;
}
关于javascript - 增加 MatBottomSheet 的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58230275/