Создайте содержимое в масштабе и поместите в PhoneGap (используя область просмотра)
Я пытаюсь адаптировать и перенести старый проект на PhoneGap.
Пока что проект работает должным образом в браузерах Android, но не работает с PhoneGap, так как он не адаптирует контент для всего экрана. Это всегда оставляет пустое место, и это не то, что я хотел бы. PhoneGap, кажется, не обращает внимания на мое свойство области просмотра в метатеге, который я использую.
Я провел несколько тестов, чтобы выяснить проблему без какого-либо результата.
Например, следующий тест содержит только два файла: index.html и config.xml
Он содержит DIV шириной 276 пикселей, и я бы хотел, чтобы PhoneGap поместил его на всю страницу, как это делают браузеры Android.
Кстати, я использую сайт PhoneGap Build для создания этого теста онлайн.
Вот содержимое файла index.html (я не использую DOCTYPE, чтобы упростить его, но даже его использование не будет работать должным образом):
<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>
И это содержимое файла config.xml (обратите внимание, что для параметра EnableViewportScale установлено значение «true», но даже если установлено значение «yes», работать не будет):
<?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>
Так и есть. Есть ли что-то, что я делаю не так? Как я могу архивировать то, что я пытаюсь сделать? Я уверен, что у него должно быть довольно простое решение, но я не могу найти его прямо сейчас.
Большое спасибо заранее и извините за мой английский, это не мой родной язык.
Ура, Джоан