Неправилен размер на дисплея за приложения Phonegap

В момента разработваме приложение за телефонни интервали, което ще може да показва HTML5 страници. HTML страницата се състои от таблица, която е пълна със съдържание и изображения. Зарежда се на устройството, но заредената страница не се побира на екрана. Задали сме ширината на HTML елементите на 100%, но страницата все още излиза извън екрана.

<body onload="MM_preloadImages('images/index_54-.png','images/index_52.png','images/index_53-.png','images/index-_54.png')">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="dibu"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><a href="/bgindex.html" target="neirong" onmouseover="MM_swapImage('Image4','','images/index_52.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/index_52-.png" name="Image4" width="128" height="117" border="0" id="Image4" /></a></td>
    <td align="center"><a href="/bgtssd.html" target="neirong" onmouseover="MM_swapImage('Image5','','images/index_54-.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/index_53.png" name="Image5" width="128" height="117" border="0" id="Image5" /></a></td>
    <td align="center"><a href="/bg#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/index_53-.png',1)"><img src="images/index_54.png" name="Image6" width="128" height="117" border="0" id="Image6" /></a></td>
    <td align="center"><a href="/bgzxxx.html" target="neirong" onmouseover="MM_swapImage('Image7','','images/index-_54.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/index_55.png" name="Image7" width="128" height="117" border="0" id="Image7" /></a></td>
  </tr>
</table></td>
</tr>
</table>
</body>

Моля, помогнете, вашата помощ ще бъде високо оценена.


ios cordova screen size
person user948036    schedule 16.09.2011    source източник

Отговори (1)


arrow_upward
0
arrow_downward

Към какво устройство се насочвате? Може да се наложи да се уверите, че сте задали ширината на тялото на 100%, така че браузърът изрично да знае ширината, за да направи таблицата, т.е.

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

Това ще гарантира, че всички родителски DOM възли на таблицата са с известен размер и така таблицата може да бъде изобразена правилно. Друго нещо, което трябва да опитате, е да добавите мета таг към заглавката си, за да сте сигурни, че мобилното устройство (предполагам, че това е, което целите) задава правилния размер на дисплея;

<meta name="viewport" content="user-scalable=no, width=device-width,  initial-scale=1, minimum-scale=1,  maximum-scale=1"/>

Ако знаете ширината, към която се стремите, можете да кодирате екрана до този размер;

<meta name="viewport" content="user-scalable=no, width=480,  initial-scale=1, minimum-scale=1,  maximum-scale=1"/>

Вероятно трябва да използвате медийни заявки, за да насочите вашия css за правилното устройство (iPhone 3g .v. iPhone 4) и т.н.

person Mike P    schedule 16.09.2011