Responsive Theme Not Adapting to iPhone 4

[solef]

I connected the skeleton css boilerplate via http://www.getskeleton.com/ to the site http://ibfconferences.com

The website responds correctly in a desktop browser when you shrink the size, but when I load it on the iPhone its not adapting correctly.

Any help would be appreciated.

[Michael_bonds]

Probably has to do with the retina display of the new iOS devices.

Here is an article to get you started with responsive css for retina devices: http://www.hanselman.com/blog/SupportingHighdpiPixeldenseRetinaDisplaysLikeIPhonesOrTheIPad3WithCSSOrIMG.aspx

I some times use this meta tag which renders the the pixel ratio at 1, instead of 2 (like retina displays):

You can edit the values to suit your needs. If you want to take advantage of the retina display, I recommend reading the above article!

[solef]

Thank you so much, i will try this out and get back to you!!

[solef]

This worked perfectly. I’m surprised not many other designers are talking about this.

[Author]

Posts