CODEWITHSUNDEEP
cssioswebkitmedia
Zumwalt
Zumwalt

Reputation: 151

iOS landscape @media query issues

I've created a simple site that I'm attempting to make responsive - it can be viewed at http://www.teamlist.co. I've used @media queries to target iOS, and it looks fine in portrait orientation, but doesn't fit to width:100% in landscape. I've found this to be true on both an iPhone 4 and an iPad. Any ideas on why this could be happening?

Upvotes: 0

Views: 510

Answers (2)

Alex
Alex

Reputation: 11

After doing some research, I discovered that this is a long-standing bug in the iOS, but Scott at the Filament group has developed an interesting workaround script that I'm trying. Included it on my offending page and it seems to do the trick:

http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/

You can find the code on github:

https://github.com/scottjehl/iOS-Orientationchange-Fix#readme

So far, it's a lifesaver!

Upvotes: 1

Kyle Hotchkiss
Kyle Hotchkiss

Reputation: 11112

Don't they target screen sizes and not iOS? From what I recall seeing about them you may need to target all the widths that would be available

Upvotes: 0

Related Questions