0

Just a quick question from a colleague of mine, I have made his website responsive and at 800px the navigation gets hidden and the mobile menu appears using the standard CSS media query.

Viewing the website on an iPad, it is displaying the mobile menu but my colleague thinks that the iPad should display the website as it is on desktop as it has a screen resolution wider than 800px.

Is this correct and if not, why not?

Thanks.

Adrian
  • 285
  • 2
  • 14

1 Answers1

1

An iPad's width in portrait is 768px. Check out viewport sizes. Things get a bit more difficult to understand with higher resolution displays. There's already a question posted about that here at Stack Overflow.

Community
  • 1
  • 1
Matt
  • 455
  • 3
  • 13
  • Adrian, was this helpful? – Matt Jan 20 '16 at 16:54
  • Hi Matt, the info was helpful to me but my colleague is still convinced that this is incorrect as a retina iPad would double resolution or something and hence the iPad should show a desktop version of a site as opposed to a mobile site. – Adrian Feb 01 '16 at 10:38