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

[Anonymous]

Я сделал эту очень простую форму с изображением в качестве кнопки. - т.е. кнопка становится все меньше, как это делает окно? предварительный class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">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() no-repeat;
width: 210px;
height: 75px;
}< /code>






< /code>
< /div>
< /div>
< /p>
Я попытался установить ширину кнопки до процента и используя макс. Ширина, безрезультатно. Я не уверен, что медиа -запрос может использоваться для плавного изменения кнопки.


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