Mon, 2013-11-04 10:26
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>
Wed, 2013-11-06 23:30
#1
Hi webman81, Try these:
Hi webman81,
Try these:
http://stephen.io/mediaqueries/#iPhone
Tue, 2014-01-28 07:13
#2
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.
Tue, 2013-11-19 21:33
#3
Hi folks,Still trying to
{moved to new topic}
Tue, 2013-11-19 19:29
#4
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.