Bootstrap 网络应用在发布到 Ubuntu 服务器时在移动设备中显示太小
Bootstrap web app showing too small in mobile when published to Ubuntu server
所以我使用 bootstrap 和 sass 使用 Yeoman webapp 模板创建了一个 web 应用程序。当我在我的 Windows PC 中使用 'gulp build' 本地部署它并使用 'gulp serve' 运行 在移动设备中一切看起来都很好(使用浏览器模拟器并使用 XAMP 发布并查看它来自我的 iPhone)。
但是,当我 'gulp build' 并将 'dist' 文件夹上传到我的 ubuntu 服务器时,该页面在桌面上看起来不错,但在移动设备上一切看起来都很小。 Bootstrap 网格按预期重新组织面板,但字体和 Facebook 评论插件显得非常小。
同样,使用 Windows 10 作为服务器,在移动设备上一切看起来都不错,而且正如许多其他帖子中提到的,我使用的是 meta:
<meta name="viewport" content="width=device-width, initial-scale=1">
对可能发生的事情有什么想法吗?
谢谢!
解决方案:最后发现问题与代码和 Ubuntu/apache 均无关。
我使用的是在 GoDaddy 购买的域,它们具有 "masking forwarding" 的功能,这意味着该域会自动重定向到我的 IP 地址,但此选项会将 "framesets" 插入代码以保留 URL 用域名掩盖。
要解决该问题,您需要在 GoDaddy 中禁用任何类型的转发(删除您拥有的任何重定向配置),而是按照 here.
所述添加 A 记录
所以我使用 bootstrap 和 sass 使用 Yeoman webapp 模板创建了一个 web 应用程序。当我在我的 Windows PC 中使用 'gulp build' 本地部署它并使用 'gulp serve' 运行 在移动设备中一切看起来都很好(使用浏览器模拟器并使用 XAMP 发布并查看它来自我的 iPhone)。 但是,当我 'gulp build' 并将 'dist' 文件夹上传到我的 ubuntu 服务器时,该页面在桌面上看起来不错,但在移动设备上一切看起来都很小。 Bootstrap 网格按预期重新组织面板,但字体和 Facebook 评论插件显得非常小。 同样,使用 Windows 10 作为服务器,在移动设备上一切看起来都不错,而且正如许多其他帖子中提到的,我使用的是 meta:
<meta name="viewport" content="width=device-width, initial-scale=1">
对可能发生的事情有什么想法吗?
谢谢!
解决方案:最后发现问题与代码和 Ubuntu/apache 均无关。 我使用的是在 GoDaddy 购买的域,它们具有 "masking forwarding" 的功能,这意味着该域会自动重定向到我的 IP 地址,但此选项会将 "framesets" 插入代码以保留 URL 用域名掩盖。 要解决该问题,您需要在 GoDaddy 中禁用任何类型的转发(删除您拥有的任何重定向配置),而是按照 here.
所述添加 A 记录