如何使离子应用程序在移动和PC浏览器上使用？

Question

我有一个由 ionic 2 设计的用于浏览器的 Web 应用程序

我的网络应用程序在手机屏幕上运行良好，但是否可以制作如下图所示？

如果可能，我该怎么做？

Answer 1

是的，您可以使用 css 媒体查询来做到这一点。

@media only screen and (min-width: 500px) {
    body {
        width: 500px;
    }
}

希望它对你有用。

或者另一个完美的解决方案适合您。

运行此命令

ionic serve --lab

运行命令后，在浏览器右侧，有一个“平台”按钮，点击它，选择你想要的平台Android、iOS或Window或所有平台。