如何使用在桌面浏览器上运行的移动应用程序渲染移动屏幕？

Question

我想创建一个像这样的 web 应用程序？

我已经有一个移动应用程序如何在大屏幕上显示这样的移动应用程序？

在大屏幕上，我想要一个移动应用程序，然后在其中运行移动应用程序。

这是图片中显示的网站的链接

我希望我的网站可以这样工作，我该如何实现？

我已经有一个使用 ionic 制作的移动应用程序，我想要将该应用程序用于本网站使用的大屏幕。

Answer 1

我不确定我是否明白你在问什么。

要制作响应式网站，您应该使用以下命令：

@media (min-width: Xpx) {

}

您可以在此处定义最小宽度，这表示应应用这些设置的浏览器大小。 如果您使用的是 sass，请将其嵌套并在此处应用您的浏览器大小的设置。

我希望这有帮助，但也许我误解了这个问题，而且它更复杂

Answer 2

我对这个问题没有任何经验，但这里有一篇专门的文章： https://ionicframework.com/blog/tips-tricks-for-ionic-on-desktop/

Answer 3

这可以通过在桌面上使用 Iframe 来创建。

因此，我为移动设备的边界创建了一个 SVG，并使用 Iframe 在 SVG 内渲染了我的应用程序。

由于我使用的是 Iframe，所以我的应用程序将移动宽度作为视口宽度，并在移动设备上按应有的方式呈现。