Как создать адаптивную форму для смартфонов, соответствующую значению ввода - PullRequest
0 голосов
/ 14 июля 2020

Я создаю форму с вводом для сайта wordpress, работает для P C, но для смартфонов работает не так, как ожидалось.

<form
action="https://ajeventos.com/colyflor/wp-content/archivos/DIAN/8.%20ESTADOS%20FINANCIEROS%202019%20ACAB.pdf"
target="_blank">
<input
    class="wpcf7-form-control wpcf7-submit button-xlarge"
    type="submit"
    value="Estados Financieros ACAB 2019"
/>

CSS: .wpcf7-submit { width: auto; max-width: -webkit-fill-available; }

Пример проблемы

Я также пробовал использовать высоту и ширину, но поскольку текст находится в значении, я не знаю, как сделать каждый ввод отзывчивым.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...