Resposive design for retina displays?

Community Forums Forums Design Tips and Tricks Resposive design for retina displays?

This topic is: not resolved

Tagged: ,

This topic contains 4 replies, has 3 voices, and was last updated by  dev 1 year, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #25784

    mrjonwilson
    Participant
    Post count: 7

    So, my site went live last week. I’ve worked out a few of the responsiveness bugs, but was informed by someone with a 15″ MBP retina display that there are a couple of issues with the layout.

    Screenshots:

    https://www.evernote.com/shard/s36/sh/064be6ed-8698-4dc0-a3b9-0fff35c2fbd8/9f759992d93b8b593edc11cf340e4cf8

    https://www.evernote.com/shard/s36/sh/7ed6fb74-5af9-4be2-ad8e-adcb3671900c/83eadb53a3ac0353e51896e0f2681343

    I’m not sure what to do about this. How am I supposed to test for this if I don’t have a retina display?

    Here is my site: http://jatekweb.com

    #28370

    cdils
    Participant
    Post count: 421

    Hey there,

    If it makes you feel any better, I just checked it on MBP retina 15″ in Safari, Chrome, and Firefox and it looks great on the screen resize to me.:)

    I could be totally wrong (I often am), but I don’t think retina display would have an impact on your responsive CSS…

    Cheers,

    Carrie


    Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. :)

    I host a weekly Genesis-focused podcast called Genesis Office Hours. I tweet @cdils.

    #29187

    mrjonwilson
    Participant
    Post count: 7

    Thanks Carrie! That makes me feel lots better. I was kind of worried for a sec.

    #38749

    dev
    Participant
    Post count: 453

    I’m having a problem with our logo being fuzzy on an iPad 3 with retina display. (www.newmediawebsitedesign.com). Am using the Responsive Header plugin. I think I need to follow the instructions here:

    http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs

    Anyone have any tips on this issue?

     

    #38773

    dev
    Participant
    Post count: 453

    Ignore above… I was using the wrong graphic-size in the the plugin. When I replaced it with the “full size” it worked fine. The logo on the ipad was about same size as on the iMac.

    However, when we created a 2x version as suggested in link in post above the plugin made the logo stretch across the entire iPad… very nice.

     

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

You must be logged in to reply to this topic.