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

CSS Unused CSS Stages Media Queries Device-Specific Media Queries: Part 1

Posted by akhil maddu
akhil maddu
1,422 Points

what is the meaning of device-width:479px? how this is differerent from max-width and min-width?

a

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Hello, you can find an explanation for min and max width here on the forum.

geoffrey
geoffrey
28,736 Points
geoffrey
geoffrey
28,736 Points

I was wondering the same lately, and It appears max-width is the width of the target display area, e.g. the browser while max-device-width is the width of the device's entire rendering area, the actual device screen.

I found the answer on this topic.