Проблемы с управлением CSS в веб-приложении jQuery Mobie

0

Мне не хватает опыта стилизации мобильного HTML5 webapp. Все выглядит нормально в моем браузере, но поскольку им не удалось каким-то образом имитировать реальное поведение различных устройств, я не знаю, действительно ли реальное поведение каждого устройства, прежде чем я проверю его на своем мобильном устройстве. Это действительно запутывает способ, которым я могу правильно управлять CSS, и я чувствую, что я трачу много времени.

  1. Есть ли хороший способ имитировать некоторые устройства в браузере? Примечание: я попробовал канарейку, но это не работает.

  2. Теперь я пытаюсь создать два простых DIV, каждый из которых будет составлять 50% высоты экрана, и каждый из них будет содержать фоновое изображение. Что бы я ни делал, фон всегда испорчен.

Может ли кто-нибудь предложить решение/объяснение этих проблем?

  • 0
    Если вы используете Firefox, есть инструмент deveoper, который позволяет вам просматривать адаптивные макеты.
Теги:

1 ответ

1

Посмотрите MITE, мобильный эмулятор, сделанный Keynote. Вы можете загрузить свою бесплатную версию и использовать ее для эмуляции различных мобильных устройств и платформ и часто обновляется новыми устройствами. Вы даже можете выбрать какое устройство на каждой платформе, которую вы хотите протестировать.

В то время как Chrome, FireFox, IE 11 и другие браузеры поддерживают тестирование гибких макетов и параметров, которые вы можете использовать для эмуляции, я нашел MITE отличным инструментом для тестирования сайтов на эмулированных мобильных устройствах, и это мой опыт: MITE - гораздо более эффективный инструмент, чем поддержка эмуляции, которая поставляется с современными браузерами. Команда QA в моей компании ежедневно использует этот инструмент.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню