Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Responsive Web Design and Testing Adding Breakpoints for Devices

Wang Lei
Wang Lei
2,766 Points
Posted by Wang Lei
Wang Lei
2,766 Points

I don't understand very well the 'screen' property in @media selector.

how to understand better the 'screen' property in @media selector?

1 Answer

Kailash Seshadri
Kailash Seshadri
3,087 Points
Kailash Seshadri
Kailash Seshadri
3,087 Points

Hello Wang!!

By @media screen, we are telling the browser to only apply the css inside the media query when the screen of display changes.. so this affects only the different screen sizes and and even if you change the devices with same viewport sizes the css wont change. This might not be the best explanation ut hope it helps! Read more about media queries in the W3Schools page here: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp