Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Help with IOS / webkit display

Discussion in 'Website Design Forum:' started by br3n, Feb 15, 2012.

  1. br3n

    br3n Senior Member

    Im having issues with my website on IOS, particularly background sprites - I tested it on my phone when I uploaded and everything was fine, now I'm seeing my link state image AND my hover state image within each list item?

    The site is media responsive, but whats strange is that it doesn't happen on Safari (or any other browser) on my desktop machine at 300px width....

    Any ideas?

    Have a look how it should be (at low res on a desktop)
    and then at native res on a handheld

    Live website
    basement31 / Brendan Patterson / Designer of wonderful things.

    Safari / IOS screen shot

    Opera Mini / IOS screen shot
  2. br3n

    br3n Senior Member

    Figured out the problem!

    Safari / webkit on handheld... Doesn't like big images.

    Mobile Safari Background Image Scaling Quirk :: Blog and Portfolio of Peter Epp

    I didn't know that, but I do now - Problem solved i'll just use two sprite sheets for my portfolio sprites.

Share This Page