How to change CSS based on mobile device?

Question

In the following example, I want to display only one div, depending on the device.

I\'m familiar with how to use @media to override a CSS cla

Answer 1

how to do a conditionnal css media query :

@media only screen and (width : 1024px) and (orientation : landscape) {    
    .selector1 { width:960px; }
}