在移动设备上查看时布局失真

Question

我正在我的localhost上开发一个网站。我使用了以下技术：

我的后端的CodeIgniter，前面的Bootstrap和JQuery。

问题是，当我在访问本地主机时在手机上查看我的网站时，它被扭曲，css无法正确加载，似乎javascripts不起作用。我甚至无法登录。

为什么会这样？

以下是在手机上查看时的打印屏幕。

我很困惑，哪里出了问题。但我怀疑，这是在codeigniter。

您的回复将不胜感激！

Answer 1

最有可能的情况是，配置文件中的base_url设置为'http://localhost/ssmis/'。

当您在localhost访问该网站时，这适用于本地开发。但是，localhost无法在网络中的其他计算机上运行，​​因此您注意到必须输入计算机的IP地址才能测试应用程序。这会导致出现问题，因为您应用中的所有内部网址仍然指向您的移动设备无法访问的localhost，因此资产和网址（基本上是您的整个应用）都无效。

解决方案是将您的base_url更新为您的IP。例如，您可以尝试将其更改为192.168.43.159/ssmis/进行测试。当您想再次使用本地计算机时，请不要忘记将其更改回来。