Media Inquiries: Screen> 1024

Question

I try to apply media queries on the site, but my fame is not very deep in this section, so basically I want to apply a certain style to the tag when the detected screen is larger than 1024 * 768.

I did it

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

but I have to determine when the resolution is greater than 1024

Answer 1

Try the following:

 @media only screen and (min-width : 1025px) { .classname { /* styles here */ } } @media only screen and (max-width : 1024px) { .classname { /* other styles here */ } } 

Answer 2

Use the standard media screen request. The request will change the style after the width is 1024px or more.

 @media screen and (min-width: 1024px) { /* Styles go here */ #layout { width: 90%; } } 

Answer 3

 @media all and (min-width: 1024px) { #css { foo : bar; } } 

Answer 4

Here is a great page to help you http://cssmediaqueries.com/