OlhaWWW2020

Rita-Rita:
Начнем с того, что такое адаптивный дизайн?

Лет 7 назад под этим названием подразумевалось нормальное отображение сайта на устройствах, т.е. сайт выглядел точь в точь как на ПК. Т.е. при разработке дизайна был 1 макет страницы сайта.

Сейчас адаптивный дизайн подразумевает версии сайта для разных расширений/устройств. Здесь самое главное соблюдение четких размеров макета при их создании! Для 1 страницы получается минимум 3 макета: мобильный от 320 до 360, планшетный от 700 до 800 и обычный для ПК.

Соль в том, что адаптивный дизайн медленно перетекает между размерами экрана.
Почему так важны размеры макетов? Если вы сделаете размеры макета для мобильных ~ 600pix, то они будут хорошо отображаться с этих устройств, НО Гугл будет писать о том, что у вашего сайта нет мобильной версии, а также все остальные системы и роботы не будут воспринимать и учитывать мобильную версию сайта с такими размерами.

А сайтов m.site наверное с 2009 года не видела и то у фейсбука такая тема была. Сейчас либо адаптив либо моб.приложение.