How to specify different Css for different Mobiles (BB, Iphone, Nexus... )
I am currently developing a Mobile web application in
jQm that will be used on handheld devices. I want to be able to specify a theme for
Blackberry, one for
Google Nexus and one for
IPhone, and not just this ones.
Is there any way I could specify a theme for each one in CSS3? Can you please point out what to do in this case. Also I want that when I rotate screen to keep the design in place for all the devices above.
I am currently experimenting with this :
@media screen and (orientation:landscape) and (max-width: 819px)
but I am open for other approaches also.
I recommend this mobile phone detector
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here