Проблема с медиа-запросами в jQuery Mobile

Question

Мы работаем над приложением с помощью jQuery Mobile Framework. Пока что приложение работает отлично, и теперь мы собираемся использовать условные CSS-скрипты «медиа-запросов» для разного размера окна браузера.

Наша идея заключается в том, что, когда кто-то обращается к нашему мобильному браузеру приложений, например iPhone/Android/Windows, они могут просматривать полную ширину и полную высоту. Но когда кто-то получает доступ с обычного настольного браузера и его ширина превышает 800 PX, нам нужно изменить размер нашего приложения как по ширине, так и по высоте.

Проблема заключается в том, что мы хотим установить окно приложения размера по размеру на фоне iPhone & Исправлено фиксированное положение фона. Я пробовал тысячи раз для перераспределения ширины и высоты и имел возможность изменять размер, но не мог изменить размер. Кроме того, мне нужно изменить положение наших приложений на фоне.

Может ли кто-нибудь предложить мне, как изменить высоту окна JQM?

Ожидание экспертного мнения.

Answer 1

Проверьте, не связано ли это с настройкой видового экрана. Я думаю, нам нужны подробности. Это немного запутывает то, о чем вы на самом деле спрашиваете.

Answer 2

Я думаю, что точка обзора будет обрабатывать ширину, а содержимое должно обрабатывать высоту страницы. Я думаю, что есть значение по умолчанию для высоты.

Viewport мета-тег
Примечание выше, что существует мета теги окна просмотра в голове, чтобы определить, как браузер должен отображать уровень масштабирования страницы и размерами. Если это не будет установлено, многие мобильные браузеры будут использовать ширину страницы « » шириной около 900 пикселей, чтобы она хорошо работала с существующими настольными сайтами , но экраны могут выглядеть уменьшенными и слишком большими . Установив атрибуты видового экрана на content="width=device-width, initial-scale=1", ширина будет , установленной на ширину пикселя экрана устройства.

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Эти параметры не отключают способность пользователя, чтобы увеличить страницы, , которая хороша с точки зрения доступности. В iOS есть незначительная проблема , которая неправильно устанавливает ширину при изменении ориентации с этими настройками видового экрана, но это, мы надеемся, будет исправлено в будущей версии. Вы можете установить другие значения вида просмотра, чтобы отключить масштабирование , если это необходимо, поскольку это часть содержимого вашей страницы, а не библиотека .

• http://jquerymobile.com/test/docs/pages/page-anatomy.html

Также есть gradeA вариант глобальной конфигурации, но не уверен, если это поможет:

• http://jquerymobile.com/test/docs/api/globalconfig.html
• http://jquerymobile.com/test/docs/about/platforms.html

gradeA
функция, которая возвращает булево, по умолчанию: функция, возвращающая значение $.support.mediaquery Любые условия поддержки , которые должны быть выполнены для того, чтобы продолжить.

jQM предлагает медийные помощники, но он устарел, но вы все равно можете его загрузить и использовать.

• http://jquerymobile.com/test/docs/api/mediahelpers.html

Они предлагают использовать response.js разработанный Scott Jehl (jQM члена команды)