Мобильная версия моего сайта, какая ширина дизайна оптимальна?

Я собираюсь создать мобильную версию сайта...

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

Я действительно смущен (довольно новый для мобильных сайтов), пожалуйста, помогите.

Спасибо.

Ответ 1

Ваш подход будет зависеть от того, сколько усилий вы хотите (или можете) внести в этот и какой диапазон мобильных пользователей, которых вы хотите настроить. Для минимальных усилий просто используйте 100%, как указывает KennyTM, и ожидайте, что ваш сайт будет просмотрен на экране шириной от 128 до 480 пикселей. При таком подходе вам также необходимо избегать "расширенных" директив xhtml, таких как css и divs (и javascript), поскольку большинство мобильных браузеров не могут обрабатывать некоторые аспекты этих. Планируйте использовать таблицы для управления макетом.

Для более продвинутого подхода вы можете использовать проект с открытым исходным кодом WURFL (http://wurfl.sourceforge.net/), который представляет собой базу данных мобильных браузеров и их возможности (ширина экрана, поддержка div, css, изображений и т.д.). В нем есть библиотека тегов jsp, называемая WNG, где вы пишете один раз, и тег lib отобразит наиболее подходящий html для соответствия пользовательскому устройству. Я считаю, что для этого также есть библиотека PHP.

Rgds, Кевин.

Ответ 2

Для такого рода вопросов я могу настоятельно рекомендовать прочитать руководство разработчиков MobiForge. Много полезных советов там, в том числе о том, как выбрать компромиссы, которые неизбежно возникают в результате мобильной разработки.