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

时间:2018-01-22 08:46:53

标签: javascript mobile ionic2

我有一个由ionic 2设计的Web应用程序,可以在浏览器上使用

我的网络应用在手机屏幕上运行正常,但是可以制作如下图所示吗?

enter image description here

如果可能,我该怎么办?

1 个答案:

答案 0 :(得分:1)

是的,您可以使用css媒体查询来完成此操作。

@media only screen and (min-width: 500px) {
    body {
        width: 500px;
    }
}
希望它对你有用。

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

运行此命令

ionic serve --lab

运行命令后,在浏览器的右侧,有一个按钮"平台",点击它并选择所需的平台Android,iOS或Window或所有平台。