如何在移动浏览器上让网页应用程序本地化？

Question

据我所知，我们可以对网络应用进行一些响应，使其在移动设备上看起来更好。

但是，正在研究 notion.so 应用程序。该应用在平板电脑和移动浏览器上的 UI 与桌面版本完全不同，它不仅仅是响应式的。

例如，当我们在桌面上调整应用的大小时，它只是缩小了宽度和高度，而没有改变任何 UI 以使其看起来像在移动设备上。

我的问题是如何使用我的 Angular 应用程序做到这一点？

Answer 1

您想要的是响应式设计，我建议您查看bootstrap。通过设置responsive breakpoints，您可以根据窗口的宽度/高度来决定应用程序的结构

如果您想要一个角度解决方案，您可以查看flex-layout：这是一种角度解决方案，也有一个responsive breakpoints 解决方案

虽然很难实现，但要从小处着手，从那里开始，祝你好运！

Answer 2

Angular 只是一个用于构建网络应用程序的 javascript 框架。

只有在手机上已安装的应用程序应该具有原生外观（它们应该在 ios 上看起来像 ios 应用，在 android 设备上看起来像 android）。

这可以使用 ionic 等混合框架来实现。我建议你检查一下。