Mobile phone does not recognize media requests

So, I have an interesting predicament, I work 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 does not capture requests from the corresponding media request, which I defined as:

@media (max-width: 479px) {
  rules
}

Website is ericbrockmanwebsites.com/dev2 It is surprising if someone has come across this before.

Any help is greatly appreciated.

+5
source share
2 answers

You need to include <meta name="viewport" content="width=device-width, initial-scale=1">in your head for your mobile device to comply with your media needs.

+10
source

, ,

<meta name="viewport" content="width=device-width, initial-scale=0">

.

0

All Articles