Как избавиться от лишнего места в мобильной версии формы wufoo? - PullRequest
Новая
       32

Как избавиться от лишнего места в мобильной версии формы wufoo?

0 голосов
/ 10 апреля 2020

В Google chrome мобильная версия формы wufoo показывает, как я хочу (см. Рисунок ниже):

введите описание изображения здесь

Но на моем iPhone есть лишнее пространство, от которого я не могу избавиться в верхней части формы (см. Рисунок ниже):

введите описание изображения здесь

Когда я связался с WuFoo по поводу этой проблемы, они сказали, что не предоставляют справку по пользовательским css проблемам. Так как мои инструменты разработчика Google chrome не показывают проблему, я застрял. Кто-нибудь знает, как мне избавиться от этого лишнего пространства?

Спасибо!

1 Ответ

0 голосов
/ 14 апреля 2020

Если я правильно понял ваш вопрос, вы хотите удалить padding-top: 20vh из вашего html -элемента, когда страница отображается на узком устройстве.

В этом случае это CSS должен делать то, что вы хотите. Я повторно использовал тот же @media -запрос, который уже использовался на вашей странице, предполагая, что это размер, который вы определили для мобильных устройств . 

@media only screen and (max-width: 480px) {
    html {padding-top: 0}
}

Если вы добавите этот фрагмент кода в конец файла CSS (вероятно, wufoo.css), он должен удалить пространство над формой на мобильных устройствах.

...