Как предотвратить скрытие контента под строкой поиска сафари для iOS? [дублировать] ⇐ Html

[Anonymous]

Я добавил кнопку в правом нижнем углу экрана, хорошо смотрится на всех браузерах, кроме iOS Safari, строка поиска над кнопкой, хотя в Google Mobile Browser выглядит хорошо. Я наткнулся на веб -сайт, где им удалось разместить кнопку на строку поиска, но я не могу понять, как. < /P>
Вот мой CSS: < /p>

Код: Выделить всё

@tailwind base;
@tailwind components;
@tailwind utilities;

#root {
width: 100vw;
height: 100vh;
}

body {
margin: 0;
}

html, body {
overscroll-behavior: none; /* Prevent the bounce effect on mobile */
-webkit-text-size-adjust: none; /* Disable automatic text resizing */
min-height: 100%;
-webkit-overflow-scrolling: none;
}

< /code>
И это стиль CSS Taillid для кнопки: < /p>
className="absolute bottom-6 right-6 w-14 h-14
rounded-full bg-[#0c0c0d] flex items-center
justify-center shadow-lg z-50 cursor-pointer
text-white transition-transform hover:bg-[#535151]
hover:scale-105"

Примечание. Каждый раз, когда я пытаюсь задать, вопрос закрывается из -за того, что он обнаруживает, что его дублированный>

Подробнее здесь: https://stackoverflow.com/questions/795 ... search-bar