В Safari на iPhone 11 при нажатии любой кнопки или ввода над нажатием отображается буква (поведение выбора текста iOS), а не активация элемента. На рабочем столе работает нормально. Простые тестовые HTML-файлы прекрасно работают на том же хостинге. Но моя полная страница не работает ни на одном мобильном устройстве (iPhone или Android).
: В iPhone Safari при нажатии кнопки или вводе ниже раздела героя min-height:100vh отображается выделение текста вместо активации элемента. Работает на рабочем столе. Почему?
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: sans-serif; background: #132318; }
.hero { min-height: 100vh; display: flex; align-items: center; padding: 2rem; }
.quiz { background: #1d3a28; padding: 2rem; margin: 2rem; }
.quiz-opt { padding: 15px; background: rgba(255,255,255,.04); border: 1px solid rgba(200,164,90,.3); color: #e8d4a0; font-size: 16px; width: 100%; margin-bottom: 10px; cursor: pointer; }
.lead-field { padding: 15px; background: rgba(255,255,255,.06); border: 1px solid gold; color: white; font-size: 16px; width: 100%; display: block; margin-bottom: 10px; }
Hero Section
Tap me
Подробнее здесь: https://stackoverflow.com/questions/799 ... s-unrespon
