Html 单模式的离子3模式全屏宽度/高度？

我正在使用ionic模态，我想将我的模态调整为全屏，不是所有模态，而是只有一个模态，但无法实现这一点，因为ionic本身正在使用设置宽度/高度属性！重要属性。我试着去做一些类似以下的事情

 @media only screen and (orientation: landscape)  {
   ion-modal {
    .modal-wrapper {
      position: absolute;
      top: 0 !important;
      left: 0 !important;
      display: block;
      width: 100% !important;
      height: 100% !important;
    } 
  }
}

---

当我把它放在页面范围内时，它不会显示任何效果，但当我把它放在页面范围外时，它会改变应用程序中所有模态的宽度/高度。我已经在网上搜索并尝试了许多解决方案，但没有一个有效（或者可能是我无法正确理解）。在这方面的任何帮助都将不胜感激。谢谢添加css，我认为这段代码很好用

@media only screen and (orientation: landscape)  {
   ion-modal {
    .modal-wrapper {
      .modal {
        position: absolute;
        top: 0 !important;
        left: 0 !important;
        display: block;
        width: 100% !important;
        height: 100% !important;
      }
    }
  }
}

---

首先，为您的模型添加一个类：

let modal = this.modalCtrl.create("YourModalPage", null, {
    cssClass:"my-modal"
})
modal.present();

第二，现在您有了

mymodal

类。在app.scss中为其设置样式：

 @media only screen and (orientation: landscape)  {
   .my-modal {
    .modal-wrapper {
      position: absolute;
      top: 0 !important;
      left: 0 !important;
      display: block;
      width: 100% !important;
      height: 100% !important;
    } 
  }
}

---

注意：模态元素添加在页面外部，因此您不能在页面范围内为其设置样式。

请再次阅读问题。我能够实现css以使模式全屏显示，我想问的是如何将这种风格应用于一种模式。