The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Responsive Theme Not Adapting to iPhone 4
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.
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!
Thank you so much, i will try this out and get back to you!!
This worked perfectly. I’m surprised not many other designers are talking about this.