Welcome to the Treehouse Community
Looking to learn something new?
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"/>