Responsive Tasarım

http://www.slideshare.net/sevilyilmaz/responsive-webdesignvedevelopmentyaklasimi

1024 768 320


Masaüstü , Tablet  ve Mobil cihazlar içi responsive tasarım.

/*——————————[ 996 ]—————————*/
@media screen and (max-width:996px){
/* Buraya yazacağınız css kodu maksimum 996px genişliği olan cihazlarda çalışacaktır. Tabletler için diyebiliriz */
}
/*——————————[ 480 ]—————————*/
@media screen and (max-width:480px){
/* Buraya yazacağınız css kodu maksimum 480px genişliği olan cihazlarda çalışacaktır. */
}
/*——————————[ 320 ]—————————*/
@media screen and (max-width:320px){
/* Buraya yazacağınız css kodu maksimum 320px genişliği olan cihazlarda çalışacaktır. */
}