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.