Alex Rivera | Logout

Media Queries: Screen > 1024

Asked 2012-08-15T19:20:51.983
18

I'm trying to apply media queries in a site but my knownledge is not deep in this topic, so basically I want to apply a specific style to a tag when the detected screen is greater than 1024*768.

I did this

@media screen and ( device-width: 1024px ) {

}

but the I've to identify when the resolution is greater than 1024

Edit
Report

1 Answer

11

Use a standard media screen query. The query will trigger the style changes once the width is 1024px or greater.

@media screen and (min-width: 1024px) {
    /* Styles go here */
    #layout {
        width: 90%;
    }
}
answered 2012-08-15T19:24:37.333

Your Answer