Im designing a mobile website. Some of my styling is not absolutely necessary for understanding the content but does help.

It looks fine on a double density display but not on a normal display. So when I test with my iPhone it looks great but when I re-size the browser on my PC down to 320px it doenst look right. As the iPhone's display pretends to be 320 but is actually 640, this is why it looks fine.

Is it safe to assume that the vast majority of mobile visitors will have a double density display?

  • 3
    Short answer - no. It's never safe to assume anything unless you have actual stats and figures of your target audience.
    – JonW
    Commented Jan 17, 2014 at 16:47
  • 1
    @JonW That's the correct answer, you should probably write it up as a long answer.
    – Racheet
    Commented Jan 17, 2014 at 17:00
  • It depends entirely on who the vast majority of visitors to your site is. But, in general, why would you want to design something that only works on retina anyways?
    – DA01
    Commented Jan 17, 2014 at 17:53

1 Answer 1


No - because the device pixel ratio might be 1.0, 1.3, 1.5, 2.0, 3.0 - or something else.

Mine's 1.5 for example.

So you're designing a mobile website - are people only going to look at it on a mobile device?

Don't make the mistake of designing for the mobile web - there is only one web.

  • Which device as a 3.0 pixel ratio!? I need to get one!
    – DA01
    Commented Jan 17, 2014 at 18:14
  • HTC Butterfly; Nexus 5; Samsung Galaxy S4; Sony Xperia Z :-) Commented Jan 17, 2014 at 18:16
  • ... also the HTC One and I think the Xiaomi Mi2 - for those who've seen Stephanie Rieger's most excellent talk/slideshare on designing for diversity Commented Jan 17, 2014 at 18:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.