Question

我发现当我们进入landscape时，Ionic alert似乎没有调整它的高度，所以如果我有很多选项，那么在大多数手机上放入风景时它太高了。

为了解决这个问题，我添加了以下媒体查询...

    @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，但我没有看到应用了媒体查询（并且它的原始高度太高了）

Ionic app视口设置为

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

根据其他帖子看起来是正确的。

另外，我对于什么是宽度以及横向模式中的高度是什么感到有点困惑（宽度和高度交换也是如此，因此宽度现在是最长边，我假设是这样）。无论如何，它适用于Android。

有没有人知道为什么这不能用于iOS（＆gt; = 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;
      }
  }

媒体查询缩小Ionic＆gt; = 2警报不在IOS上工作

1 个答案: