4 replies [Last post]
webman81
webman81's picture
Offline
Regular
Last seen: 4 years 11 weeks ago
Timezone: GMT+2
Joined: 2012-03-26
Posts: 16
Points: 28

I worked with a separate CSS file for iPad in the past. This was a good technique because I could hide divs on the small iPad screen. This separate CSS file is not working anymore, and I don't know why. I used the same technique for the small iPhone screen and this is also not working anymore. What am I doing wrong please?

<head>
<link href="ipadPortrait.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 500px) and (max-device-width: 768px) and (orientation:portrait)">		
 
<!--[if !IE]>-->
<link href="iphonePortrait.css" rel="stylesheet" type= "text/css" media="only screen and (max-device-width: 320px)">
<!--<![endif]-->
</head>

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 27 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi webman81, Try these:

Hi webman81,
Try these:
http://stephen.io/mediaqueries/#iPhone

Arabelle22
Arabelle22's picture
Offline
newbie
USA
Last seen: 5 years 7 weeks ago
USA
Timezone: GMT+5
Joined: 2013-11-19
Posts: 1
Points: 1

I feel strongly about it and

I feel strongly about it and love learning more on this topic. Thanks for posting such informative content. It is extremely helpful for me.

http://plagiarism-checker.me

Calman45
Calman45's picture
Offline
Regular
Okanagan Valley, BC
Last seen: 5 years 47 weeks ago
Okanagan Valley, BC
Timezone: GMT-8
Joined: 2013-01-04
Posts: 31
Points: 38

Hi folks,Still trying to

{moved to new topic}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 27 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi Calman, Better to ask a

Hi Calman,
Better to ask a separate question.
Media queries are a useful tool to understand.
Only use where you need them.