Mobil Sürümde Farklı CSS Gösterme

Merhaba arkadaşlar,

Masaüstünden girildiğinde style.css , telefondan girildiğinde mobile.css 'yi nasıl çağırabiliriz?

Aşağıdaki kod ile PC'de gözüken yazı mobilde gizleniyor. Örnekten faydalanarak kendine göre düzenleyebilirsin.

.normal{
color:#fff;
background-color:#000;
padding:5px;
}

@media all and (max-width: 640px) {
.normal{
display:none;
}
}

Responsive tasarımlarda dediğiniz kodlarla düzenleme yapabiliyorum fakat benim takıldığım nokta bunu php ile nasıl yapmam gerektiği.

Aradığım kod siteye Mobilden giriş yapıldığında style.css yerine mobile.css'yi çağırması lazım.

Çok fazla class var istediğinizi kullanabilirsiniz
örn.
http://mobiledetect.net/

Mobiledetect çok başarılıdır, bizzat kullanıyorum.
Responsive tasarım kullanarak da yapabilirsiniz.
Ben şahsen ikisini birden kullanıyorum.
Responsive bir ana site ve mobiledetect ile takip edilen ve yönlendirilen bir mobil site.
Mobil sitede anasayfa kadar çok sorgu ve işlem yok bu yüzden daha hızlı mesela.
Ayrıca mobiledetect ile isiOS() ve isAndroidOS() gibi fonksiyonlar var.
Bu fonksiyonlar true dönüyorsa ilk açılışta sitenizin uygulamasını indirebilecekleri sayfaya link veren bir sayfa da gösterebilirsiniz.
Pek çok site bu şekilde yapıyor ben dahil

$user_agent = strtolower ( $_SERVER['HTTP_USER_AGENT'] ); 
    if ( preg_match ( "/phone|iphone|itouch|ipod|symbian|android|htc_|htc-|palmos|blackberry|opera mini|iemobile|windows ce|nokia|fennec|hiptop|kindle|mot |mobile|pda;|avantgo|eudoraweb|minimo|netfront|brew|teleca|lg;|lge |wap;| wap |mot-|webos\/|samsung|sonyericsson|^sie-|nintendo/", $user_agent ) ) { 
        echo 'mobile.css'; 
    } else { 
        echo 'style.css'; 
    }

Bu kod tam aradığım gibi oldu. Hepinize teşekkürler.