限制 IONIC 侧边菜单自动填充大屏幕

Posted 2023-03-22

【中文标题】限制 IONIC 侧边菜单自动填充大屏幕

【英文标题】：Restrict IONIC side menu from auto populating for large screens

【发布时间】：2019-07-16 12:20:55

【问题描述】：

我已经为我的 IONIC 5.0.0 应用程序实现了侧边菜单。在较小的设备侧菜单中缩小为汉堡图标（工作正常）。我也希望在大屏幕上具有相同的行为，但不幸的是，菜单在我的 iPad（第 6 代）的横向模式下完全可见。有谁知道如何始终隐藏汉堡图标中的菜单（适用于所有设备）。

【问题讨论】：

打开您的app.scss 并更改菜单的屏幕大小。

@Najamussaqib 我没有正确理解。能否请您详细解释一下。

在你的 global.scss 中尝试.split-pane-visible >.split-pane-side min-width: 150px!important; max-width: 150px!important;

【参考方案1】：

看来您需要在ion-split-pane 组件中使用when="false" 属性。请查找app.component.html。位置应类似于src/app/app.component.html 并从

更改以下行

<ion-split-pane>

到

<ion-split-pane when="false">

要了解有关ion-split-pane 组件的更多信息，请访问visit this link。

【讨论】：

成功了。谢谢Milan Chandro