Html 在发布到Ubuntu服务器时,Bootstrap web应用在移动设备中显示太小

Html 在发布到Ubuntu服务器时,Bootstrap web应用在移动设备中显示太小,html,twitter-bootstrap,ubuntu,mobile,yeoman,Html,Twitter Bootstrap,Ubuntu,Mobile,Yeoman,因此,我使用Yeoman webapp模板和引导和sass创建了一个web应用程序。当我在Windows PC中使用“gulp build”在本地部署它,并使用“gulp serve”运行它时,在移动设备上一切看起来都很好(使用浏览器模拟器,还使用XAMP发布它,并从iPhone上查看它)。 然而,当我“吞咽构建”并将“dist”文件夹上传到我的ubuntu服务器时,桌面上的页面看起来不错,但在移动设备上,所有东西看起来都很小。引导网格按预期重新组织面板,但字体和Facebook评论插件看起来非

因此,我使用Yeoman webapp模板和引导和sass创建了一个web应用程序。当我在Windows PC中使用“gulp build”在本地部署它,并使用“gulp serve”运行它时,在移动设备上一切看起来都很好(使用浏览器模拟器,还使用XAMP发布它,并从iPhone上查看它)。 然而,当我“吞咽构建”并将“dist”文件夹上传到我的ubuntu服务器时,桌面上的页面看起来不错,但在移动设备上,所有东西看起来都很小。引导网格按预期重新组织面板,但字体和Facebook评论插件看起来非常小。 同样,使用Windows 10作为服务器,移动设备中的一切看起来都很好,正如许多其他帖子中提到的,我正在使用meta:

    <meta name="viewport" content="width=device-width, initial-scale=1">

对可能发生的事情有什么想法吗


谢谢

解决方案:问题最终与代码和Ubuntu/apache无关。 我使用的是在GoDaddy购买的一个域,它们有一个“屏蔽转发”功能,这意味着该域会自动重定向到我的IP地址,但此选项会在代码中插入“框架集”,以保持URL与域名屏蔽。
为了解决这个问题,你需要在GoDaddy中禁用任何类型的转发(删除任何重定向配置),而是添加一个A记录,如前所述。

FYI,不确定是否有帮助,但Windows和Ubuntu机器上的apache版本都是2.4。出于某种原因,你有多个
标记。感谢vanburen的评论。我注意到,apache Ubuntu中发布的页面在代码中不知何故包含了“框架集”,我理解这是HTML5不支持的标记。因此,我们看到多个头部/身体标记。。。现在为什么要把这个框架集插入其中?在apache/Windows10上选中,这些框架集不会出现在页面源代码中。如果您解决了问题,请不要更改标题或问题;这不会将问题标记为已在UI中解决,也不会向搜索您的问题的人显示解决方案。相反,将答案放在下面的大答案文本字段中(您已经这样做了),一天左右后单击答案左上角的绿色复选标记。