How to use css media querys & viewport

[chris1990]

How can i make it so my website is displayed 1080px on all devices except anything less than a width of 480px.

Im using the viewport meta tag, which works fine for all devices:

<meta name="viewport" content="width=1080">

However i would like to be able to override the meta tag only on devices less than 480px.

@media (max-width: 480px){
//my mobile site css
}

Ive searched the internet and found this code, but im not sure how to use it.

@viewport{ width:1080px;}
@-ms-viewport{width:1080px;}

Any ideas?

[tr333]

I'm not an expert on media queries, but this site might help you? http://cssmediaqueries.com/