网格系统不按预期工作，手机屏幕宽度远小于最小尺寸浏览器

【问题标题】：The grid system does not work as expected, the width of the cell phone screen is much smaller than a minimum size browser网格系统不按预期工作，手机屏幕宽度远小于最小尺寸浏览器
【发布时间】：2019-10-13 18:37:30
【问题描述】：

我使用 Angular 构建了 Web 应用程序，并编写了代码，以便该应用程序完全负责移动设备的使用。（或者我是这么认为的）我使用 bootatrep 的网格系统和媒体查询通过最小化 google chrome 页面来使应用程序适合，以检查应用程序是否适合。

昨天我做了一个应用程序部署，发现它根本没有像我预期的那样响应，而且手机屏幕比网络浏览器允许的最小屏幕小得多。有谁知道如何安排它？以后如何避免此类问题？

Picture to illustrate the situation

【问题讨论】：

标签： angular media-queries angular-ui-bootstrap

【解决方案1】：

有一些解决方案可以在将网站构建到生产环境之前直接在手机上对其进行测试。您可以轻松地在手机上调试本地应用程序。您的手机应该在同一个 wifi/网络上。

第一个解决方案：

ng serve --host

此问题中解释的选项：https://github.com/angular/angular-cli/issues/1793。

ng serve --host 0.0.0.0

查找您的本地 IP 地址 (https://lifehacker.com/how-to-find-your-local-and-external-ip-address-5833108) 从您的手机或其他设备导航至<local ip adress>:4200。

第二个解决方案

有一些软件可以在浏览器中模拟手机。其中之一就是这个：https://blisk.io/

【讨论】：