Как с помощью Foundation создать адаптивный веб-сайт, который будет корректно отображаться на разных устройствах?

Чтобы создать адаптивный веб-сайт с помощью Foundation, который будет корректно отображаться на разных устройствах, можно следовать таким рекомендациям:

1. Выбрать вариант настройки. www.dejurka.ru Можно скачать версию со стилями по умолчанию (Default CSS) или самостоятельно настроить некоторые стили: структуру сетки, цвета и типографику, размер кнопок и т. д. (Custom css). www.dejurka.ru
2. Создать структуру сайта. www.dejurka.ru Модульная сетка фреймворка (12-колоночная по умолчанию) позволяет создавать адаптивные шаблоны страниц для десктопа и мобильных устройств. www.dejurka.ru Строки создают максимальную ширину и содержат столбцы, которые формируют структуру. www.dejurka.ru Размер столбцов будет изменяться в зависимости от размеров экрана монитора. www.dejurka.ru
3. Добавить слайдер. www.dejurka.ru В Zurb Foundation есть адаптивный слайдер изображений Orbit, который можно использовать отдельно от фреймворка. www.dejurka.ru Для этого нужно включить код в контейнер для контента. www.dejurka.ru
4. Добавить постраничную навигацию. www.dejurka.ru С Foundation это сделать легко: нужно вставить соответствующий код. www.dejurka.ru

Также рекомендуется протестировать макет сайта на разных категориях устройств и при необходимости внести корректировки. alistapart.com