Если раньше люди заходили в интернет исключительно с компьютеров, то с появлением смартфонов ситуация изменилась в корне. Большинство стало использовать для этого мобильные устройства. В результате при создании сайтов http://octobit.ru/services/web-razrabotka/ разработчик прежде всего теперь должен учитывать возможность просмотра со смартфонов и планшетов. Для этого используются методы "респонсив" и "адаптив". Стоит рассмотреть различия и особенности каждого из них.
Респонсив – это отзывчивый дизайн, в основе которого лежит резиновый макет, когда величины задаются не в единицах, а в процентах. По этой причине такой сайт можно просматривать в любом разрешении. При уменьшении весь контент сжимается. Недостаток данного способа в том, что при маленьком размере экрана пользователь не сможет без увеличения читать материал на странице.
Сегодня разработчики для решения проблемы с размером контента активно используют медиа-запросы, благодаря чему ресурс меняет свою структуру в зависимости от размера браузера. К примеру, если сайт имеет 3 колонки, то при уменьшении их будет 2, а при слишком маленьком разрешении вся страничка будет состоять из одной.
Адаптивная верстка несколько похожа на респонсив, но вся разница в том, что при верстке ресурса используются заранее подготовленные макеты с разными разрешениями экрана. Преимуществом является применение дополнительного функционала, который рассчитан на определенные устройства. К примеру, если пользователь зайдет с девайса от Apple, то ему станут доступны свайпы, которые не могут быть задействованы при просмотре десткопной версии. Учитывая эти моменты, разработчик может выбирать тот метод верстки, который будет более востребован в определенном проекте.