Grow your CSS skills. Land your dream job.

Responsive design not working on iphone

  • # September 14, 2012 at 4:01 pm

    My first responsive project and it’s not as smooth as I hoped!

    I’ve completed an initial concept with break points at 768 and 480 and it breaks fine when I resize in the browser. I did a final test in my smart phone and I get the FULL SITE!

    I’ve been banging my head against the wall and I sure hope somebody can bail me out!

    You can see the page here – http://www.siphon-marketing.com/unifirst

    Also, when resizing my screen on a desktop, it breaks OK but I need to refresh at each point to force some elements in place…any way I can prevent that?

    Thanks so much!

    # September 14, 2012 at 4:30 pm

    Have you added meta viewport settings in the head of your document?

    Details here: http://www.html5rocks.com/en/mobile/mobifying/#toc-meta

    # September 17, 2012 at 9:40 am

    Found that there were TWO viewports…one overriding the other!

    # April 23, 2013 at 3:21 am

    http://www.teamtweaks.co.uk is showing responsive design when i checked with online tool like http://mattkersley.com/responsive/ but when i open the website in mobile it is showing mobile optimized website not the responsive design.

    Can anyone tell me whether any code need to be added for opening in mobile.

    I opened in HTC, Samsung mobiles both the mobile it is opening like mobile optimized website like what we see in desktop.

    Pls guide me

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".