Как сделать мобильную версию сайта на Angular?

Question

[Kan_A]

Для личного проекта необходимо реализовать мобильную версию на Angular (m.site.com). Но опыта в разработке на Angular'е нет никакого. Считай первая работа.

Как сделать мобильную версию сайта на Angular?

Answer 1

[Владимир]

https://developer.mozilla.org/ru/docs/Web/CSS/Medi...
Работает не только для ангуляра.

Answer 2

[Kan_A]

Подумал и пришел к очевидному выводу: Я тупой

const maxMobileWidthPx = 600;
const isMobile = () => {
  return window.innerWidth <= maxMobileWidthPx;
}
const routes: Routes = [
  {
    path: '', pathMatch: 'full',
    redirectTo: isMobile() ? 'mobile' : 'desktop'
  },
  {
    path: 'desktop', component: DesktopComponent
  },
  {
    path: 'mobile', component: MobileComponent
  }
]

Практично или нет, пока не знаю, но это работает!

Comments

[Demian Smith]

Подумайте еще раз, а нужна ли вам мобильная версия сайта?
С какой задачей не могут справиться ваши пользователи?
Айпед - это мобильное устройство или декстоп?
Возможно, вам подойдёт прогрессивная mobile-first версия, адекватно отображающаяся на любых устройствах?