dediğiniz için responsive tasarım yani sitenizi farklı çözunurlükler ve platformlara göre tasarlamalısınız

html dosyanızda titledan önce

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

eklemeli ve

* Large desktop */
       @media (min-width: 1200px) { ... }


/* Portrait tablet to landscape and desktop */
       @media (min-width: 768px) and (max-width: 979px) { :
        
}
 
/* Landscape phone to portrait tablet */
        @media (max-width: 767px) { ... 


}
 
/* Landscape phones and down */
        @media (max-width: 480px) { ... 


}

burada belirtilen piksel değerlerine göre tasarım yapmalısın

http://www.1stwebdesigner.com/css/ho...media-queries/
ve
http://css-tricks.com/css-media-queries/ incelebilirsin