Я совершенно новичок в HTML и CSS. В настоящее время я разрабатываю веб-страницу для мобильных устройств. и я сталкиваюсь с проблемой: когда я перетаскиваю страницу, которая не прокручивается, сверху вниз появляется пустое пространство в браузере iOS Safari или Chrome.

enter image description here

Я установил CSS своей страницы следующим образом:

.app-view{
  white-space: nowrap;
  top: 0px;
  overflow-y: hidden!important;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

Этот пробел появляется только на iOS, но не на Android. Кто-нибудь знает как?

ОБНОВИТЬ:

У меня есть ответ, я использую framework7, и под ним скрывается еще один слой, когда я изменяю этот слой, чтобы он стал position: fixed. Проблема исчезнет

0
wes. i

2 ответа

Вы использовали медиа-запросы в нем? или вы дали поле сверху на любом другом <div>? предоставьте нам ссылку на код

возможно, есть некоторые непредвиденные поля или отступы в блоке, который содержит ваш .app-view , трудно ответить без вашей разметки и других CSS

58552204