CODEWITHSUNDEEP
css
DextrousDave
DextrousDave

Reputation: 6793

@media screen: Viewport or Window size?

Good Day

I am getting somewhat confused, probably cause I haven't used media queries in a while:

when using 

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

}

does it refer to the Viewport size(viewable part of the page) or the Window Size(including scrollbars etc) ?

Thank you

Upvotes: 4

Views: 2949

Answers (2)

ExCluSiv3
ExCluSiv3

Reputation: 184

@media screen

html{
width: 1024px;
}

That may help you.

Upvotes: -1

ashley
ashley

Reputation: 2767

It refers to the width of the viewport:

http://www.w3.org/TR/css3-mediaqueries/#width

media query max-width relates to the view port size or the windows size?

Upvotes: 3

Related Questions