Phonegap, проблемы со стилем css для 480x720, 480x800 и 480x854

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

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

Он работает для большинства разрешений экрана, но для 480x720, 480x800 и 480x854 у меня не работает с тремя разными стилями. Я видел других здесь с семиарными проблемами, но проблемы все еще есть. Три разрешения экрана выбирают один и тот же стиль.

Например, это работает для 480x720:

Экран @media и (минимальная ширина устройства: 455 пикселей) и (максимальная ширина устройства: 720 пикселей) и (ориентация: книжная){ /* Стили */ }

Цитата

Но тогда 480х800 выбирают тот же стиль. Если я затем создам новый стиль для 480x800:

Только экран @media и (min-device-width: 480px) и (ориентация: книжная){ /* Стили*/ }

Тогда он работает для 480x800, но и 480x720 используют его.

Я пробовал много разных вещей, min-device-width, max-device-width и т. д. Также я не могу понять, почему (min-device-width: 455px) работает для 480x720 (нашел здесь)

Любая помощь будет оценена по достоинству :)


cordova css screen-size
person Ole Hansen    schedule 01.01.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это просто не в моей голове, но я считаю, что вам нужно сделать что-то вроде этого:

@media screen and (max-device-width: 480px) and (max-device-height: 720px) and (orientation: portrait)
@media screen and (max-device-width: 480px) and (max-device-height: 800px) and (orientation: portrait)
@media screen and (max-device-width: 480px) and (max-device-height: 854px) and (orientation: portrait)

Предоставление правильных стилей для каждого разрешения экрана.

person Simon MacDonald    schedule 02.01.2013