Results 1 to 3 of 3

Thread: Media Query iPad problem

Hybrid View

  1. #1
    Join Date
    Nov 2008

    Media Query iPad problem

    Hey there,

    Amateur here trying to learn RWD and I've got an issue with targeting iPad's which is baffling me. I perhaps foolishly tried to convert the old 960 static grid to responsive as I thought it would be a better learning exercise than using a fluid grid framework, but I think that's causing issues in itself.

    Scaling the browser on a desktop seems to work, as does viewing the site on an iPhone but when viewing the site on the iPad, it seems to pick up styling from a kind of 'limbo' between the desktop and iPhone queries.

    Here's the link:


    If you scale it down on the desktop, there's actually a moment where you can get the same effect, I'm assuming that's at 768px width. I can't work out what's going on so any help is appreciated.

    Also, there appears to be a white bar down the right hand side of the screen when viewing on an iPhone or iPad. Any ideas?

    Last edited by Creation22D; 02-08-2013 at 12:45 PM.

  2. #2
    Join Date
    Nov 2008
    Ok I think I've sorted the main problem. Any size between 480 and 768 was undefined and appeared to be a broken combination of both the iPhone and iPad styles.

    It's still broken on the iPhone/iPad though. The alignment looks out and there's a white strip along the right-hand edge. Works fine in the desktop browser though.

    Any ideas?

  3. #3
    Join Date
    Nov 2008
    Fixed it. The width percentage was wrong on the grid stylesheet.

    All working now!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center