Faça conteúdo para escalar e encaixar com o PhoneGap (usando a viewport)
Eu estou tentando adaptar e portar um projeto antigo para o PhoneGap.
Até agora, o projeto funciona corretamente nos navegadores do Android, mas não funciona com o PhoneGap, já que ele não adapta o conteúdo para caber em toda a tela. Sempre deixa um espaço em branco e não é isso que eu gostaria. O PhoneGap não parece prestar atenção à minha propriedade de viewport na metatag que estou usando.
Eu tenho feito alguns testes para descobrir o problema sem nenhum tipo de resultado.
Por exemplo, o teste a seguir contém apenas dois arquivos: index.html e config.xml
Ele contém um DIV que tem 276 pixels de largura e eu gostaria que o PhoneGap se encaixasse em toda a página como os navegadores do Android.
A propósito, estou usando o site do PhoneGap Build para criar este teste online.
Aqui está o conteúdo do arquivo index.html (não estou usando o DOCTYPE para torná-lo mais simples, mas até mesmo usá-lo não funcionará corretamente):
<html>
<head>
<meta name="viewport" content="width=276, user-scalable=yes" />
<title>Title</title>
</head>
<body>
<div style="width:276px; background-color:orange;">I want to make this div fit to the page</div>
</body>
</html>
E este é o conteúdo do arquivo config.xml (observe a preferência EnableViewportScale definida como "true", mas mesmo sendo definida como "yes" não funcionará):
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.phonegap.example"
versionCode="10"
version = "1.0.0">
<!-- versionCode is optional and Android only -->
<name>PhoneGap Example</name>
<description>
An example for phonegap build docs.
</description>
<author href="https://build.phonegap.com" email="[email protected]">
Hardeep Shoker
</author>
<preference name="EnableViewportScale" value="true" />
</widget>
Então é isso. Existe alguma coisa que estou fazendo errado? Como posso arquivar o que estou tentando fazer? Tenho certeza de que deveria ter uma solução bem simples, mas não consigo encontrá-la agora.
Muito obrigado antecipadamente e desculpe pelo meu inglês, não é minha língua nativa.
Felicidades, Joan