Настройка ширины области просмотра в Sencha Touch 2 - PullRequest
Новая
       24

Настройка ширины области просмотра в Sencha Touch 2

0 голосов
/ 27 марта 2012

Мое приложение Sencha Touch 2 отлично работает в моем настольном браузере, но когда я тестирую его на iPhone, окно просмотра отображается неправильно. Мое приложение имеет фиксированный макет с шириной 640 пикселей. На iPhone 3G видна только половина приложения. Изучив сгенерированный html, я вижу несколько объявлений "viewport" в разделе <head>, например, 

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

Я подумал, что должен установить ширину области просмотра 640 и вставил этот код в конец секции <head>: 

<meta name="viewport" content = "width=640,initial-scale=1.0,user-scalable=no" />

но безрезультатно. Почему Sencha Touch вставляет несколько объявлений в окне просмотра? Как я могу переопределить это? Или что мне нужно сделать, чтобы приложение отображалось во всю ширину?

Любая помощь будет очень признательна.

1 Ответ

1 голос
/ 27 марта 2012

Что касается мета-тега, свойство width контролирует размер области просмотра. Для него может быть задано определенное количество пикселей, например width = 600, или специальное значение device-width, которое представляет собой ширину экрана в CSS-пикселях в масштабе 100%.

Что касается вашей проблемы, то может быть некоторый контент, который может пересекать ширину устройства. Либо вам нужно добавить полосы прокрутки, либо вам нужно взять встроенные элементы управления sencha.

...