• Чем отличается адаптивная вёрстка от отзывчивой?

    Iogsotot
    @Iogsotot
    Адаптивный сайт.(adaptive) Сайт, который на мониторе отображается одним образом, на планшете иначе, а на смартфоне — снова по-другому. Меняется расположение блоков, размеры кнопок и полей, текстов. Зачем? Чтобы пользователю было комфортнее пользоваться сайтом: в кнопку легче попадать пальцем, если она крупная, текст в метро легче читать, если он 20 пунктов, а не 14.

    Отзывчивый сайт. (responsive)Сайт, который также имеет несколько вариантов отображения, но переходы между ними плавные, как на «резине». Меняете размер окна — кнопочки медленно меняются в размерах, блоки плавно ужимаются, а когда наступает контрольная точка — сайт меняет расположение блоков под планшет или под смартфон.

    Вот статья , там подробнее и даже с гифками объясняют

    Если грубо, то адаптив - это вёрстка с брейкпоинтами, а отзывчивая - это вёрстка на флексах/гридах + брейкпоинты.
    Ответ написан
    Комментировать