Нижний колонтитул веб-приложения скрыт внутри WKWebView.CSS

Разбираемся в CSS
Ответить
Anonymous
 Нижний колонтитул веб-приложения скрыт внутри WKWebView.

Сообщение Anonymous »


У меня есть WKWebView, который загружает веб-приложение, внутри которого есть нижний колонтитул. Проблема, с которой я столкнулся, заключается в том, что веб-приложение кажется выше, чем выделенное пространство в моем WkWebView. В результате нижний колонтитул будет скрыт до тех пор, пока я не прокрутлю его до конца.

Вот код моего веб-приложения:

const TestPage = () => ( Добро пожаловать на мою страницу React Это основное содержание вашей страницы.
&копия; 2023 Ваша компания );
И CSS:

const Wrapper = styled.div` выравнивание текста: по центру; семейство шрифтов: Arial, без засечек; высота: 100 пикселей; заголовок { цвет фона: #333; цвет: #fff; отступ: 20 пикселей; } основной { отступ: 20 пикселей; } нижний колонтитул { цвет фона: #333; цвет: #fff; положение: фиксированное; внизу: 0; ширина: 100%; } `; Как вы можете видеть на изображениях ниже, нижний колонтитул скрыт, пока я не прокрутлю страницу вниз. Мне бы хотелось, чтобы нижний колонтитул всегда фиксировался внизу области просмотра.


Изображение

Изображение

Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»