Эти понятия близки, и поэтому их нередко объединяют — имеют в виду адаптивный, когда говорят об отзывчивом, или наоборот. Но разница есть.
Отзывчивый — верстка «отзывается» на изменения ширины экрана в определенных точках.
Грубо говоря, на экране шириной, например, до 560 px применяются одни стили, от 561 до 980 — другие, и т.д. Делается это через медиа-запросы. И основной единицей измерения вполне может быть только px, безо всяких em, rem, vw, vh и т.д.
Можно сказать, что тут у нас как бы несколько вариантов макета под разные разрешения.
Адаптивный = отзывчивый + резиновый, т.е. верстка отзывается в определенных точках, применяются специфические правила, но внутри этих медиа-запросов мы учитываем, что контент может (должен) тянуться.
Хорошее объяснение с гифками:
https://css-tricks.com/the-difference-between-resp...
фиксированная и, что при ней на малых экранах возникает горизонтальная полоса прокрутки
Если хотите статичную верстку, ориентируйтесь на минимально приемлемое разрешение экрана
в head пропишите:
<meta name="viewport" content="width=1240">
Тогда на мобильных устройствах сайт будет масштабироваться.
