What is the best way to implement the adaptability of a single-screen site?

Question

HTML

Please explain the main points of adapting single-screen sites without scrolling to mobile devices. And then I searched the Internet - I did not find anything

Answer 1

Медиа-запросы

Answer 2

Попробую ответить.
Насколько я понимаю вопрос у вас есть страница на один экран.
На большом экране хедер сверху, футер снизу. По бокам Возможны сайдбары.
На узком экране сплющиваем футер, раскрываем его по клику. Тоже с сайдбаром - прячем его за сторону почти полностью, оставляем видимыми иконки.
На мобильнике дополнительно сплющиваем и хедер до одной строчки. Сайдбары прячем еще больше, и показываем при свайпе.
Контент, насколько я понимаю там:
- блоки заполняющие область и пагинация. Значит блоки расчитаны чтобы показываються на мобильнике по одному (2 вида вертикальный и горизонтальный). Дальше при увеличении разрешеня количество блоков увеличивается. При большом разрешении некоторые блоки могут быть показаны двойными или тройными.
- or solid content, video, map, game, slideshow stretched over the entire area.