Верстка под мобильные устройства

Сначала немного фактов:

• Больше половины пользователей посещают сайты со смартфонов
• Google и Яндекс отдают предпочтение адаптированным под мобильные устройства сайтам

По состоянию на 2019 год можно утверждать, что доля мобильных пользователей (смартфоны, планшеты) в рунете превысила долю пользователей ПК (компьютеры, ноутбуки). Это значит, что если вы хотите, чтобы большей части ваших пользователей было удобно, вы должны в первую очередь заботиться о мобильной версии сайта.

По реализации можно разделить на отдельную мобильную версию сайта и на адаптивную верстку.

В случае с отдельной мобильной версией делается, фактически, ещё один сайт, который использует ту же базу данных. В этом случае достигается максимальная эффективность для пользователей, мобильный сайт становится легче, но это удорожает реализацию и поддержку. Такой подход используют крупные сайты, например, tagilcity.ru или  m.habr.com

Сайт с адаптивной версткой делается только один, но в зависимости от ширины экрана сайт перестраивается и изменяет внешний вид. Чаще всего, этот вариант будет лучшим выбором, так как его дешевле разрабатывать и поддерживать.