Search code examples
htmlcssimageipadstretch

Image stretches on iPad only

I have been working on this website: http://www.adhonis.com

The banner image at the top is horribly scaling for iPad's, I have used screenfly to test it but it seems its not doing it through the simulator, I assume that is because all it is really simulating is the screen size. All other devices are fine though.

See a screenshot here: http://i39.tinypic.com/vyts47.jpg

I don't personally have access to an iPad so it is a tricky issue here.

I am using height:100%;

Would love to hear any thoughts

Solution

  • I had the same problem, but with older iPads (1st Gen with iOS 6). No problem with the most recent ones. The problem is the 100% height. Remove it and it should work.