PC > TABLET > MOBİL

En uygun çözünürlük 960PX'dir. Bu demek değildir ki 960px'den yukarı yapılamaz mı yapılabilir ama en uygunu 960'dır.
Neden? Çünkü tabletlerin en geniş çözünürlüğü 960'dir. Hem tablet hemde pc için uyumlu olacağını varsayarak ben 960px kullanıyorum.

Peki nasıl oluyor?
@media only screen and (max-width: 960px) { }

bu kodumuz ekran çözünürlüğüne göre sayfaları görüntülüyor.
yani diyor ki benim sayfamın en büyük çözünürlüğü 960'dır.

{ } bunların içine yazılacak her kod 960px çözünürlük olarak algılanır tarayılar tarafından.

Örnek kod;

@media only screen and (max-width: 960px)
{
#test
{
color:#000;
background: #fff;
}

}

tablet ve pclerin daha düşük çözünürlük olanları var.
bunlarıda max-width: 960px olanlar çözünürlüğü o değerlere göre düşürerek kodlama yapabilirsiniz.