Is it possible in dotnetnuke to apply a different skin depending on the screen resolution. Similar to what can be done in media queries

For example when i go to a site on an :

Ipad select Skin A

Kindle Skin B

Iphone Skin C etc?

I have played with media queries in dotnetnuke and all seems to work however the menu is where I become unstuck.  How can I change to a different menu skin? Depending on screen size?

Thanks

Dave

Hi I just spotted that dotnentnuke comes with a redirect option depending on screen size: On advanced you can add rules for different screen sizes.

http://www.dnnhero.com/Article/tabid/...

This maybe a better approach then trying to restyle the menu using media queries. Normally what i would do is hide my mobile menu when in deskop view and vice versa using media queries. I suppose i could try this with  MEdai queuries which do you think is the better approach? Use Media queries or dontnetnuke redirect option?

thanks

dave