Wie kann ich die Größe einer Schaltfläche entsprechend der Fenstergröße ändern? ⇐ CSS

[Anonymous]

Ich habe dieses sehr einfache Formular mit einem Bild als Schaltfläche erstellt.
Gibt es eine Möglichkeit, die Größe der Schaltfläche entsprechend der Fenstergröße anzupassen, ähnlich wie bei der Eingabe – d. h. die Schaltfläche wird mit dem Fenster zunehmend kleiner?

Code: Select all

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;
}

Code: Select all

Ich habe versucht, die Schaltflächenbreite auf einen Prozentsatz festzulegen und max-width zu verwenden, ohne Erfolg. Ich bin mir nicht sicher, ob die Medienabfrage verwendet werden kann, um die Schaltfläche reibungslos neu zu skalieren.
Ich habe vor drei Tagen angefangen, HTML zu lernen, daher habe ich wirklich keine Ahnung, was ich tue.