Mobile phone not recognizing media queries
css, media-queries, mobile, responsive-design
Solution
You'll need to include `<meta name="viewport" content="width=device-width, initial-scale=1">` in your head to get your mobile device to respect your media queries.
Problem
So I have an interesting predicament, I' working on a responsive site, and when I resize my browser everything works as it should, but when I view the site from my iphone, it's not grabbing the queries from the appropriate media query, which I have defined as: ``` @media (max-width: 479px) { rules } ``` The site is ericbrockmanwebsites.com/dev2 Wondering if anyone has come across this before. Any help is greatly appreciated.