Responsive design is not being responsive!

[LastLifeLost]

Working on a site – kunigiscommunications.com – and having some trouble with my first responsive design. It seems that the css is working (still ironing out some bugs) when I adjust the window size or test it on quirktools.com/screenfly but it’s not responding on mobile devices. Instead, the full site is being served up and is just zoomed out.

I’m working with the mobile-first plan, so I’m mainly using min-width media queries. Is this causing my problem? Is there some barrier that I’m not aware of? Is this normal response?

Help?

[pkinchla]

The problem is not with media queries but mobile browsers. Pixel treament is different in mobile devices. If you place this this in your head you will see your mobile browser treat a pixel as a pixel depending on the device you are using. keep in mind different devices have different pixel aspect ratios.

more information that is better explained can be found here:

https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

[LastLifeLost]

Thanks so much for the quick response! This should just do the trick.

[Author]

Posts