Как отлаживать css внутри различных медиа-запросов с помощью инструментов Firebug и Chrome Developer?

Как отладить css для ориентации: портрет в инструментах разработчика Chrome?

Что я пишу внутри (ориентация: портрет) не может редактировать на лету из Firebug и инструменты разработчика Chrome. Он всегда показывает обычные свойства.

/*normal styles here */
#wrap {
   width:1024px;
}
@media only screen and (orientation:portrait){
   /* portrait styles here */
   #wrap {
      width:768px;
   }
}