Как он работает?
Слишком хорошо, что бы быть правдой? Все началось со статьи Итана Маркотта "Responsive Web Design" в 2010 году. Вместо создания страницы размером 800 пикселей и растягивания ее на экране, адаптивная страница сама подстраивается под размеры экрана.
Рассмотрим в качестве примера решетку, состоящую из 9 квадратов, под буквами A–I. На маленьком экране вроде планшета или старого компьютера с малым количеством пикселей, элементы будут иметь вид решетки 3 x 3.
Когда экран шире, решетка растягивается.
Если уже, соответственно сжимается.
Теперь реальный пример с сайта Microsoft.
Когда экран уменьшается, эти секции складываются как кубики.
Для большей наглядности перейдите на сайт www.microsoft.com и поиграйте с разными браузерами.
Слишком хорошо, что бы быть правдой? Все началось со статьи Итана Маркотта "Responsive Web Design" в 2010 году. Вместо создания страницы размером 800 пикселей и растягивания ее на экране, адаптивная страница сама подстраивается под размеры экрана.
Рассмотрим в качестве примера решетку, состоящую из 9 квадратов, под буквами A–I. На маленьком экране вроде планшета или старого компьютера с малым количеством пикселей, элементы будут иметь вид решетки 3 x 3.
Когда экран шире, решетка растягивается.
Если уже, соответственно сжимается.
Теперь реальный пример с сайта Microsoft.
Когда экран уменьшается, эти секции складываются как кубики.
Для большей наглядности перейдите на сайт www.microsoft.com и поиграйте с разными браузерами.