Реализация интерфейса web и mobail версии?

Question

[FAQ1]

Используя js framework + router для framework.
Возможно ли сделать в адаптивном варианте, так что бы на web версии было как на изображении ниже.

Запустить сразу три роутера, что бы в этих частях было содержимое роутеров.

А на mobile, просто ссылками на routers, после нажатия на ссылку открывалось содержимое роутера.

Link Router 1
Link Router 2
Link Router 3

Answer 1

[Андрей]

это возможно.

Comments

[FAQ1]

Вы не будете так любезны, подсказать где я могу научится этому. Возможно есть статьи на эту тему. Спасибо.

[Андрей]

FAQ1,
изучите media запросы css.

основной принцип такой:
на широком экране показываем полную версию, мобильная скрыта.
на узком -- наоборот.

вариант сложнее:
мобильная версия получается из полной при помощи применения другой таблицы стилей.

[FAQ1]

Андрей, media css я знаю, проблем делать адаптивную верстку нет. Я не знаю как запускать js router.

Допустим есть какой-то список на Router 1, на Router 2 еще какой-то контент, на Router 3 к примеру чат.

А на мобильном оно будет так.

Список routers.
Переходишь к примеру на первый роутер открывается список, урл отображается роутера 1.
Переходишь к примеру на третий роутер, открывается чат, урл отображается роутера 3, что-то вроде site.com/chat

На web.
Получается что нужно запустить сразу 3 routers.

Я к сожалению, не знаю как это сделать, и где искать информацию как такое реализовывать.

Возможно написать разные js файлы, с реализацией объектов роутеров в зависимости от версии. Определять клиент и потом ленивой загрузкой загружать объект нужных роутеров.

[Андрей]

FAQ1, значит я неправильно понял вопрос.
в части js не силён, так что подсказать не смогу.

[FAQ1]

Андрей, Жаль, в любом случае спасибо за попытку помочь.