Как я могу сделать кнопки, используя фоновое изображение, масштабировать изображение по размеру экрана ⇐ CSS

[Anonymous]

У меня есть авторизованный портал pfsense, над которым я работаю, и для которого требуется несколько графических изображений, чтобы они отображались рядом и реагировали на размер экрана устройства. Это хорошо работает с использованием входного типа изображения. Однако устройство pfsense не сможет правильно распознать отправленное сообщение. Ему нужен тип отправки со значением Продолжить работу.

Я изменил это, используя фоновое изображение для отправки, но фоновое изображение не масштабируется. Он отображается в полном размере и обрезается по мере уменьшения экрана.

Как изменить размер фонового изображения?
#content{font-family:'Source Sans Pro',sans-serif;цвет фона: серый; -webkit-background-size:обложка; -moz-background-size:обложка; -o-background-size:обложка; размер фона: обложка; дисплей: таблица-ячейка; вертикальное выравнивание: по середине;} #content{text-align:center} body,html{margin:0; дополнение: 0; ширина: 100%; высота: 100%; дисплей: таблица} .row {дисплей: гибкость;} .column {гибкость: 50%; отступ: 50 пикселей;} вход { размер фона: содержать; изменить размер: оба; граница: 0; ширина: 100%; максимальная ширина: 100%; заполнение: 0 0 50%; соответствие объекта: уменьшение масштаба; текстовый отступ: 100%; пробел: nowrap; переполнение: скрыто; } @media screen и (максимальная ширина: 500 пикселей) { .столбец { ширина: 100%; } } ....