/    Sign up×
Community /Pin to ProfileBookmark

CSS Media Queries not working on ipad

Copy linkTweet thisAlerts:
Jan 17.2013

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

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@iBeZiJan 17.2013 — Apparently, after looking it up, the iPad landscape width is around 1024px, so a min width of 900px isn't high enough.
×

Success!

Help @zebedeee spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...