Свои стили для мобильных устройств - Вопросы по CSS

Тоже, как вариант:

Код: php

jImport('joomla.application.web.webclient'); 
$client = new JWebClient();

if($client->__get('mobile')) {
  echo '<div class="mobile_class" >';
} else {
  echo '<div class="desctop_class" >'; 
}

как вариант
определять мобилку с помощью этого
и далее ставить условие вроде

Код: php

if( $detect->isMobile() ){
//тут подключаем стили для мобилки
}else{
//подключаем обычные стили
}

Если пробовать через PHP, то итог один -белый экран)

Зачем вы городите огород, есть же медиа квери - для любого разрешения можно сделать свои условия стилей

@media screen and (max-width: 640px) {
 HTML,body {width:50%;margin:0;padding:0;font-family:Arial narrow, sans-serif;}
   }

Медиа запросы прописываются в конце файла стилей.

Медиа запросы прописываются в конце файла стилей.