0

我有一个网站。几周前，我决定改用NextJS. 今天，该网站在 Windows 和 Android 上运行良好。但事实证明，iOS 用户实际上无法阅读任何内容，因为出于某种原因，某些块的高度会降低。

这看起来像一团糟

在此处输入图像描述

据我了解，问题出在display: flex. 我试图添加display: -webkit-flex，但它并没有真正起作用。然后我开始从每个块中删除此规则，结果发现所有问题都是由于根#__next块引起的。

因此，如果#__next没有display: flex它，它可以很好地工作，例如在 Windows 或 Android 上。但这是一个好的决定吗？我的意思是，在某些情况下flex非常有帮助。

也许问题出在其他地方？

编辑：

我不确定代码在这里是否有帮助，但就是这样

这就是样式的出现方式：

body {
  font-family: Gotham, Arial, sans-serif;
  flex-direction: column;
  color: $main_color;
  font-size: 1rem;
  display: flex;
  height: 100%;
  margin: 0;

  #__next {
    flex-direction: column;
    display: flex;
    height: 100%;
  }
}

这就是浏览器列表：["defaults", "Safari > 6", "iOS 6", "not IE 11"]

4

0 回答 0