show-notice
hide-notice

Friday, 23 August 2013

How to make buttons resizable


Introduction:

Here i will explain How to make buttons resizable.

Description:

Most of the responsive web site in the button size problem generate. but here i will provide simple css3 property then using automatically button resizable in mobile viewer.

Example:
  

button{
    width: 200px;
    background: green;
}

@media only screen and (max-width: 600px) {
    button{ 
        width: 150px;
    }
}
@media only screen and (max-width: 480px) {
    button{ 
        width: 100px;
    }
}

SHARE THIS POST   

0 comments :

Post a Comment

Design by Gohilinfotech | www.gohilinfotech.blogspot.com