Почему минимальная высота 100vh на iOS 10 приводит к большому окну? - PullRequest
Новая
       7

Почему минимальная высота 100vh на iOS 10 приводит к большому окну?

0 голосов
/ 28 февраля 2019

Может кто-нибудь объяснить мне, почему, когда я устанавливаю min-height моего раздела в 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>

1 Ответ

0 голосов
/ 03 марта 2019

у вас есть стиль тела по умолчанию.body{margin:0; padding:0} если нет, пожалуйста, попробуйте это.Это может решить вашу проблему, если вы используете выше HTML, CSS.

...