Я работаю уже несколько дней, чтобы решить проблему 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 (нашел здесь)
Любая помощь будет оценена по достоинству :)