jquery mobile - Android手機上的視口值

我是Jquery Mobile的新手，我真的不明白如何設置視口值以正確呈現圖像。這是我的測試步驟：jquery mobile - Android手機上的視口值

我準備了一個480x432的圖像。
我寫了一個測試頁面是這樣的：

<html> 
<head>  
<meta name="viewport" content="initial-scale=1.0, target-densitydpi=device-dpi，width=device-width, minimum-scale=0.1, user-scalable=no"/> 
<link href="style/jquery.mobile.theme-1.1.1.min.css" rel="stylesheet" type="text/css"/> 
<link href="style/jquery.mobile.structure-1.1.1.min.css" rel="stylesheet" type="text/css"/>  
<script src="js/jquery.js" type="text/javascript"></script> 
<script src="js/jquery.mobile-1.1.1.min.js" type="text/javascript"></script> 
</head> 
<body style="margin:0;"> 
<div data-role="header" data-position="fixed" data-theme="f"> 
<a href="sm_app_home.html" data-theme="a" data-mini="true" data-icon="home" class="ui-btn-left">Home</a> 
<a href="sm_app_home.html" data-theme="a" data-mini="true" data-icon="gear" class="ui-btn-right">settings</a> 
</div> 
    <div data-role="content"> 
    <div id="bld" class="bld" style="position: absolute; width: 250px; height: 125px; left: 161px; background-color: #ccccff; top: 185px;">Hello world.</div> 
    <img id="bl1" src="img/sc_museum/480x432.jpg" /> 
</div> 
<script> 
    $("#bl1").click(function(){ 
    var pageWidth = $(document).width(); 
    var pageHeight = $(document).height(); 
    var viewportWidth = $(window).width(); 
    var viewportHeight = $(window).height(); 
    $("#bld").html("Page width: "+pageWidth+"<br />pageHeight: "+pageHeight+"<br />port width: "+viewportWidth+"<br />port height: "+viewportHeight); 
}); 
</script> 
</body> 
</html>

3. 該應用程序運行在我的三星Galaxy SII象下面這樣： enter image description here