Как заставить нативный веб-приложение выглядеть в мобильном браузере?

Question

Насколько я знаю, мы можем сделать некоторую отзывчивость с веб-приложением, чтобы оно выглядело лучше на мобильных устройствах.

Однако, заглядывая в приложение notion.so. Пользовательский интерфейс приложения на планшете и в мобильном браузере полностью отличается от настольной версии, он не просто адаптивный.

Например, когда мы изменяем размеры приложения на рабочем столе, он просто сужает ширину и высоту без изменения любой пользовательский интерфейс для мобильных устройств.

У меня вопрос, как я могу сделать это с моим приложением angular?

Answer 1

Что вам нужно, так это адаптивный дизайн, я рекомендую изучить bootstrap. В настройках responsive breakpoints вы можете выбрать структуру вашего приложения в зависимости от ширины / высоты окна

Если вам нужно решение angular, вы можете посмотреть flex-layout : оно это angular способ сделать это, а также есть решение responsive breakpoints

Хотя это трудно реализовать, но начните с малого и продолжайте свой путь, удачи!

Answer 2

Angular - это просто javascript инфраструктура, используемая для создания веб-приложений.

Только установленные приложения на мобильных устройствах должны иметь собственный вид (они должны выглядеть как ios приложение на ios и аналогично android на устройствах android).

Это может быть достигнуто с помощью гибридных сред, таких как ioni c. Я предлагаю вам проверить это.