Как я могу изменить размер кнопки в зависимости от размера окна? ⇐ Html

[Anonymous]

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

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

form {
position: relative;
top: 10px;
margin-left: 25%;
max-width: 100%;
}

.form-control {
position: relative;
top: 65px;
left: 0px;
padding: 16px;
width: 35vw;
height: 1.8vw;
font-size: 20px;
}

.button {
position: relative;
top: 0px;
left: 40vw;
border: 0;
background: url(http://i.imgur.com/9n3Zvcr.png) no-repeat;
width: 210px;
height: 75px;
}

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

Я пробовал установить ширину кнопки в процентах и ​​использовать максимальную ширину, но безрезультатно. Я не уверен, что с помощью медиа-запроса можно плавно изменить масштаб кнопки.
Я начал изучать HTML три дня назад, поэтому понятия не имею, что делаю.

Подробнее здесь: https://stackoverflow.com/questions/266 ... indow-size