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
Martina Reiter17,654 Points
Media query doesn't work.....connection between mobile and other devices and laptop browsers
I don't know if it's a silly question or not, but what ever i do the media query isn't working... when i was doing it some months ago it all worked perfectly.... now i'm doing a new website and i already did 4 versions and am constantly moving in circles with it regarding layouts on mobile devices and the ones on the laptop.
the media query works on the laptop when i resize the window but when i turn on the developer tools mobile layout it doesn't change a thing.... plus on the mobile layout he jumps from very small 18px to a super large 20px... has absolutely no middle. (the normalize.css is on)
i really don't know what to do :(
did they make some huge changes in smaller device settings or in the media query or am i doing something enormously wrong :/
Aaron HARPT19,845 Points
Try adding this meta tag to the head of your html:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>