如何讓iPhone尺寸的網頁顯示正確的尺寸？

我創建的幾頁的網站的iphone版本，我使用的是JavaScript文件重定向到正確的頁面：如何讓iPhone尺寸的網頁顯示正確的尺寸？

<script type="text/javascript">// <![CDATA[ 
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) 
location.replace("index2.html"); 
// ]]></script>

The page加載罰款，但它是在屏幕上非常小。

我需要做些什麼才能填滿iPhone的屏幕？

下面是HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="description" content="Advantage Total Agency Management" /> 
<meta name="keywords" content="Advantage" /> 
<meta name="author" content="Advantage" /> 

<link rel="stylesheet" type="text/css" media="screen" href="_css/mobile.css"/> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<title>Mobile Home | Go To Advantage</title> 
</head> 
<body id="home"> 
<div id="header"> 
    <a href="/"><img src="_images/logo.png" alt="Advantage Software" /></a> 
    <ul> 
     <li><a class="home" href="index.html">home</a></li> 
     <li><a class="services" href="services.html">services</a></li> 
     <li><a class="contact" href="contact.html">contact</a></li> 
    </ul> 
</div> 
<div id="intro"> 
    <img src="_images/quote.png" alt="We work the way you work" /> 
    <p>Advantage is integrated software for Advertising, Marketing, Public Relations, Media Buying and related organizations that is robust, flexible, browser-based, and mobile.</p> 
</div> 
<div id="text"> 
    <p>Our software products meet the needs of mid to large-size agencies but also smaller agencies with a streamlined and efficient design. Our role-based methodology ensures that every individual in the agency benefits from the software. Our Advantage suite of agency software products streamline agency workflow and internal processes.</p> 
</div> 
<div id="footer"> 
    <ul> 
     <li><a class="call">call</a></li> 
     <li><a class="email">email</a></li> 
     <li><a class="demo">demo</a></li> 
    </ul> 
</div> 
</body> 
</html>

來源

2010-07-09 fmz