HTML viewport width
I am actually using an iPod Touch (1.1.4), but I have verified that my problem exists on the iPhone.
The problem being that I have written an HTML document, and when displaying on the iPhone/Touch the HTML page seems very small. After researching I included the meta tag for viewport as
<meta name="viewport" content="width=device-width,user-scalable=no" />
This had no effect on the display of the html page.
Any help is appreciated.
====HTML=====
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<meta name="viewport" content="width=device-width,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/css/mobile_styles.css" />
</head>
<body>
Enter your
<form method="POST" action=" **">
<input type="hidden" name="wap" value="1">
<table class="console_data" border="0">
<tr><td align="right">
Login:
</td>
<td>
<input name="LOGIN" type="text" size="10" maxlength="255" style="webkit-text-size-adjust: 140%;">
</td></tr>
<tr><td align="right">
Password:
</td>
<td>
<input name="PASSWORD" type="password" size="10" maxlength="30">
</td></tr>
<tr><td colspan="2" align="center">
<input name="action" type="submit" class="form1" id="action24" value="Login">
</td></tr>
</table>
</form>
</body>
</html>
The problem being that I have written an HTML document, and when displaying on the iPhone/Touch the HTML page seems very small. After researching I included the meta tag for viewport as
<meta name="viewport" content="width=device-width,user-scalable=no" />
This had no effect on the display of the html page.
Any help is appreciated.
====HTML=====
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<meta name="viewport" content="width=device-width,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/css/mobile_styles.css" />
</head>
<body>
Enter your
<form method="POST" action=" **">
<input type="hidden" name="wap" value="1">
<table class="console_data" border="0">
<tr><td align="right">
Login:
</td>
<td>
<input name="LOGIN" type="text" size="10" maxlength="255" style="webkit-text-size-adjust: 140%;">
</td></tr>
<tr><td align="right">
Password:
</td>
<td>
<input name="PASSWORD" type="password" size="10" maxlength="30">
</td></tr>
<tr><td colspan="2" align="center">
<input name="action" type="submit" class="form1" id="action24" value="Login">
</td></tr>
</table>
</form>
</body>
</html>
iPhone