Question

有人可以向我解释为什么当我将我的部分的最小高度设置为calc（100vh）时，会导致iOS 10（iPhone SE）上的窗口大而文本小吗？

section {
  display: flex;
  display: -webkit-flex;
  display: -webkit-box;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  min-height: calc(100vh);
  text-align: center;
}

section div {
  width: 100%;
}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Title</title>
  </head>
  <body>
    <section>
      <div>
        <h1>Title</h1>
        <h2>Description</h2>
      </div>
    </section>
  </body>
</html>

Answer 1

您已设置默认的主体样式。 body{margin:0; padding:0}（如果没有，请尝试此操作）。如果您使用的是以上html，css，则可能会解决您的问题。

为什么iOS 10上的最小高度100vh导致大窗口？

1 个答案: