В зависимости от того, какие именно телефоны вам необходимо поддерживать, вы можете быть готовы к некоторым головным болям.
Несколько вещей, которые вам необходимо учитывать:
Вам необходимо рассмотреть огромное разнообразиеразмеры экрана.
Большие экраны могут отображать большие изображения, но для небольших экранов требуются меньшие версии изображений.
Да, как вы подозреваете, не все браузеры поддерживают все форматы изображений.
Требуется ли поддержка устройств с сенсорным экраном и без сенсорного экрана?Если вы это сделаете, вам нужно учитывать размер элементов, к которым нужно прикасаться.
Пользователи обычно хотят отличаться от мобильных версий веб-сайтов.Вы должны создать мобильную версию с учетом этого другого контекста.
Различные мобильные браузеры имеют свои особенности в отношении рендеринга HTML.
Безопаснее всего предполагать отсутствие поддержки javascript, за исключением последних моделей смартфонов.,Если вы пойдете дальше, поддержка в лучшем случае несовместима.
Поддержка CSS также различается в разных браузерах.Не пытайтесь делать что-то умное с помощью CSS.
Некоторые старые браузеры также не поддерживают CSS или JS в отдельных файлах.
Вам необходимо знать о различных типах документов, которые требуются различным браузерам.
Отдельный макет с вертикальной прокруткой обычно лучше всего подходит для мобильных веб-страниц.
Оптимизируйте все для повышения производительности.Телефоны менее эффективны в обработке загруженных данных, и данные, как правило, требуют больше времени для загрузки, чем по сравнению с ПК с широкополосной связью.
И тестирование на реальных устройствах.Особенно для старых устройств.