Will the iPhone default to a media="handheld" style sheet or to a media="screen"?
I'm trying to build a mobile version of my website by having a mobile device default to a separate CSS. However, when I try and test it out on my iPhone, it's showing how my website looks on my computer screen and not how I've defined it to look on a hand-held. Is this a feature of the iPhone to display it as a normal screen, or am I doing something wrong?
Here's the scripting I've used to define my style sheets:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="font_styles.css" rel="stylesheet" type="text/css" media="screen">
<link href="url.css" rel="stylesheet" type="text/css" media="handheld">
I'm trying to build a mobile version of my website by having a mobile device default to a separate CSS. However, when I try and test it out on my iPhone, it's showing how my website looks on my computer screen and not how I've defined it to look on a hand-held. Is this a feature of the iPhone to display it as a normal screen, or am I doing something wrong?
Here's the scripting I've used to define my style sheets:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="font_styles.css" rel="stylesheet" type="text/css" media="screen">
<link href="url.css" rel="stylesheet" type="text/css" media="handheld">
