Адаптивная верстка: что это и как использовать

Адаптивная верстка меняет дизайн страницы в зависимости от поведения пользователя, платформы, размера экрана и ориентации девайса и является неотъемлемой частью современной веб-разработки. Она позволяет существенно экономить и не отрисовывать новый дизайн для каждого разрешения, а менять размеры и расположение отдельных элементов. В этой статье будут рассмотрены основные элементы сайта и способы их адаптации. В принципе, можно разбить устройства на разные категории и верстать для каждой из них отдельно, но это займет слишком много времени, да и кто знает, какие стандарты будут через пять лет? Тем более, согласно статистике мы имеем целых спектр разнообразных разрешений: Становится очевидно, что мы не сможем продолжать верстать для каждого устройства отдельно. Но что тогда делать? Конечно, это не идеальный способ, но он устраняет большую часть проблем. Итан Маркотт (Ethan Marcotte) создал простой шаблон, демонстрирующий использование гибкой верстки: Весь дизайн — микс адаптивных слоев, картинок и, в некоторых местах, умной разметки.