Html-Css ile Buton Yapımı

[ahmetbulut]

Arkadaşlar merhaba. Html sayfa için bir buton yaptım. Responsive olmasını istiyorum. Nasıl yaparım?

 .button {            background-color: Transparent;
            background-repeat: no-repeat;
            width:427px;
            height:124px;
            border: none;
            cursor: pointer;
            overflow: hidden;
            outline: none;
            border-style: solid;
            border-width: 2px;
            border-color: #ffffff;
            font-size: 40px;
            letter-spacing: 10px;
            text-align: center;
            font-color:#ffffff;
            font-family:Arial, Helvetica, sans-serif;
        }

 

[alhngzl]

Resposive den kastın "her çözünürlükte aynı ölçüde olması" diye düşünüyorum.

Bunu yapmak için bütün hizalama ve kenarlık boyutları % değeri olarak vermelisin. Aşağıda css ve html paylaştım. Hatam varsa şimdiden özür dilerim.

HTML[

<button class="button">Button</button>

]

CSS[

body{ margin: 2%;
}
.button {
background-color: Transparent;
background-repeat: no-repeat;
/*width:427px;
height:124px;*/
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
border-style: solid;
/*border-width: 2px;
/*border-color: #ffffff;*/
/*font-size: 40px;
/*letter-spacing: 10px;*/
text-align: center;
font-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;


width: 30%;
height: 20%;
border-width: 1%;
}

]