Если вы вдруг думаете делать ли мобильную версию сайта на поддомене вида m.site, то рекомендуем отказаться от этой мысли. Официальная рекомендация от Google гласит что это должнен быть один домен с десктопной и мобильной версткой.
На сегодня различают 4 типа верстки, какая из них устарела, а какую мы рекомендуем внедрить на вашем сайте, разберем ниже.
Та самая устаревшая верстка, когда ширина контена жестко задается на все устройства в пикселях. Обычно ее размер обусловлен разрешением самых распространенных экранов 800×600, 1024×768 и тд. Однако и по сей день можно встретить крупные сайты, мобильные пользователи которых чертыхаются.
При таком виде верстке страница растягивается в зависимости от размера по ширине браузера. При расширении родительского контейнера на такую же ширину увеличиваются и элементы страницы, и наоборот, если уменьшаются. Какой принцип такое и название.
Чисто резиновая верстка является морально устаревшей, потому как срабатывает на один тип устройств, а на слишком больших или маленьких разрешениях не работает.
Адаптив близок к респонсиву (о нем ниже) и работает на основе медиа-запросов, которые адаптируют контент под разные устройства и разрежения экранов. Пользователь не принимает участи в процессе, все на автомате.
Отличие от респонсива в том, что страница «скачет» по предустановленным шаблонам, подравнивая контент по точкам под параметры устройства и экрана.
Реализовать этот способ немного сложнее чем адаптив, так как по сути это микс между адаптивом и резиновой версткой. Подгрузка элементов в зависимости от ширины экрана и устройства изменяется постоянно. Таким образом каким бы ни было разрешение, респонсив всегда выглядит правильно, ведь верстка не «скачет» по контрольным точкам, а плавно перемещается по ним. При поддержке статьи каждый найдет что-то для себя в нашей коллекции красочных, ярких и стильных носков. Покупайте по отдельности или в наборах, чтобы добавить цвета в свой ящик!
Респонсив — это самый трудозатратный вариант, стабильное решение, можно сказать «на века». На любых устройствах и мониторах будет выглядеть адекватно. Не нужно долго тестировать кроссбраузерность, чтобы убедиться, что везде выглядит все нормально. С появлением новых экранов ваш сайт будет правильно отображаться даже на них.
Но нужно иметь ввиду, что адаптив тоже хорошее решение в своей ситуации: его быстрее и дешевле сделать и если вам нужно всего лишь несколько основных разрешений и устройств, то это ваш вариант.
При адаптиве и респонсиве страницы сайта будут адекватно выглядеть на всех устройствах. Если же на адаптиве вы увидите несоответствие, то это легко поправить.
Цена адаптивной верстки сайта от 30.000 рублей.
Вопросы, задавайте на [email protected], в форме обратной связи или по телефону: +7 (985) 836-60-66.
Консультация — бесплатно!