Преобразовать существующий веб-сайт для мобильного использования?
-
29-10-2019 - |
Вопрос
Как лучше всего настроить существующий веб-сайт для мобильных устройств (нетбуков, мобильных телефонов на базе Android, Iphone, Blackberry и т. д.)?
Решение
Сделайте его гибким
Вы можете определить устройства разной ширины с помощью медиа-запросов CSS: http://www.w3.org/TR/css3-mediaqueries/#device-width
Менее нормативное объяснение: http://mislav.uniqpath.com/2010/04/ target-css /
Отличное сообщение в блоге: http://webdesignerwall.com/general/the-wall-переработан
Гибкая блочная модель CSS3 также может стать вашим лучшим другом.
Другие советы
Не доходя до реализации мобильной платформы, я бы предложил воспользоваться преимуществами CSS Media Queries , что позволит вам обслуживать разные CSS в зависимости от ширины просматриваемого устройства.
Хорошим началом было бы взглянуть на LessFramework , который взял на себя всю тяжелую работу по расчетам сетки.
Twitter Bootstrap также предоставит вам неплохую готовую адаптивную функциональность, т. е.презентация сайта будет корректироваться в зависимости от типа устройства и размера его экрана.
И я бы рекомендовал ознакомиться с этой книгой .
В настоящее время доступно множество инструментов, но самое важное - как сохранить удобство для пользователей.