媒體查詢收縮離子> = 2警報不工作在IOS

Question

我發現，Ionic alert似乎並沒有調整它的高度，當我們進入landscape，所以如果我有很多選擇，它是太高，如果大多數手機進入景觀。

要解決這個問題，我添加了以下媒體查詢...

@media screen and (max-height: 350px) { 
      .alert-md .alert-radio-group, 
      .alert-md .alert-checkbox-group { 
      max-height: 140px; 
      } 
     } 

這似乎對Android做工精細，但不是在所有的iOS。我查看了在Safari上運行在該設備上的應用程序，並且可以看到它的元素確實應用了alert-radio-group，但我沒有看到應用的媒體查詢（並且它的原始高度太高）

離子的應用視口設置爲

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

根據其他職位看起來是正確的。

此外，我對風景模式（做寬度和高度互換，寬度現在是最長邊，我假設是這樣）的寬度和高度有些困惑。無論如何它在Android上工作。

有沒有人有任何想法爲什麼這不是在iOS（> = 10），或者可能是更好的方式自動調整警報框的工作。

在此先感謝您的任何建議！

Answer 1

您正在使用android特定課程alert-md。在ios的情況下產生的類將是alert-ios

@media screen and (max-height: 350px) { 
     .alert-md .alert-radio-group, 
     .alert-md .alert-checkbox-group, 
     .alert-ios .alert-radio-group, 
     .alert-ios .alert-checkbox-group { 
     max-height: 140px; 
     } 
    }