Максим Бойко

Не знаю как подобное сделать на чистом js, но я бы такое реализовал при помощи роутера (Роутер можно легко сделать самому при помощи url api), то есть каждая такая страница - новая страница, кнопка назад просто ведёт назад по страницам.
По другому в голову не приходит если честно.

Как сказал человек выше - брейкпоинты.
Ну и не забыть указать в meta-тегах.

<meta name="viewport" content="width=device-width" />

@media screen and (max-width: /*Это будет означать ширину экрана на котором применятся стили*/) {
    .content {
        /*Тут стили которые применятся при указаной ширине экрана*/
    }
}