Results 1 to 2 of 2

Thread: CSS Media Queries not working on ipad

  1. #1
    Join Date
    Jul 2010

    CSS Media Queries not working on ipad

    Hi all,

    I have a strange issue with my media queries for a website not working for the ipad. What I have done is the mobile first approach and then set widths where the css changes. The final media query is for ipad landscape up. However the ipad is not picking up the last set of styles for devices of min-width 900px;

    Here are my media queries:

    All styles then

    @media only screen and (min-width: 480px) {}
    @media only screen and (min-width: 600px) {}
    @media all and (min-width: 900px) {}

    Anyone have any idea what I am doing wrong?

    Thank you

  2. #2
    Join Date
    Dec 2012
    Apparently, after looking it up, the iPad landscape width is around 1024px, so a min width of 900px isn't high enough.

Thread Information

Users Browsing this Thread

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

Tags for this Thread

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