Мобильная версия моего веб-сайта, какая ширина дизайна оптимальна? [закрытый]
Я собираюсь создать мобильную версию веб-сайта...
Какую ширину я должен выбрать для дизайна? Я знаю, что у каждого устройства есть свой собственный экран width, и действительно трудно установить все устройства...
Я действительно смущен (довольно в новинку для мобильного мира веб-сайтов), пожалуйста, помогите.
Спасибо.
2 ответа
Ваш подход будет зависеть от того, сколько усилий вы хотите (или можете) вложить в это и на какой круг мобильных пользователей вы хотите нацелить. Для минимальных усилий просто используйте 100%, как указывает KennyTM и ожидайте, что ваш сайт будет просматриваться на экране шириной от 128px до 480px. При таком подходе вам также придется избегать "продвинутых" xhtml директив, таких как css и divs (и javascript), потому что большинство мобильных браузеров не могут справиться с некоторыми их аспектами. Планируйте использовать таблицы для управления версткой.
Для более продвинутого подхода можно использовать проект с открытым исходным кодом WURFL (http://wurfl.sourceforge.net/), который представляет собой базу данных мобильных браузеров и их возможностей (ширина экрана, поддержка div, css, изображений и т.д....). Она имеет библиотеку jsp тегов называется WNG, где вы пишете один раз и тег lib будет оказывать наиболее подходящий html в соответствии с устройством пользователя. Я считаю, что для этого также существует библиотека PHP.
Rgds, Кевин.
Для такого рода вопроса я могу настоятельно рекомендовать читать руководство по разработчикам Mobifrorge . Многие полезные советы там, в том числе как выбрать компромиссы, которые неизбежно являются результатом мобильной связи.