Android Device Not Applying Mobile @media CSS

Cross browser testing mobile devices can be very confusing when you take into account the various resolutions different devices.

Place┬áthis in your header.php file to force the device to scale back to it’s default pixel width (screen size), and use (max-width: ###px) or (max-device-width: ###px) in your mobile stylesheet:

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

Sourced here.

Leave a Reply

Posted in CSS
katherine as a flat graphic icon

About Me

I’m an African / Ojibwe First Nations Web Developer living in Winnipeg, Manitoba.

Visit the Tips and Blog to see what I’m working on.