Twitter bootstrap Angular 2 Universal和Bootstrap 3在Android手机上作为桌面加载

Twitter bootstrap Angular 2 Universal和Bootstrap 3在Android手机上作为桌面加载,twitter-bootstrap,responsive-design,angular,Twitter Bootstrap,Responsive Design,Angular,我使用Angular 2构建了一个响应迅速的站点,该站点在移动设备上的大小正确。为了获得搜索引擎优化的优势,我转向了一个使用AngularUniversal的入门项目。然后,我将所有现有代码移到新项目中。在添加Universal之前,该站点在Android设备上显示正确(正确,我的意思是视口大小很小) 当在桌面上加载Chrome时,该站点看起来仍然与预期的一样。如果浏览器的尺寸减小,我希望它能在手机上使用。比如说, 但是,当我在Android设备上加载同一个站点时,该站点会在一个更大的屏幕上显

我使用Angular 2构建了一个响应迅速的站点,该站点在移动设备上的大小正确。为了获得搜索引擎优化的优势,我转向了一个使用AngularUniversal的入门项目。然后,我将所有现有代码移到新项目中。在添加Universal之前,该站点在Android设备上显示正确(正确,我的意思是视口大小很小)

当在桌面上加载Chrome时,该站点看起来仍然与预期的一样。如果浏览器的尺寸减小,我希望它能在手机上使用。比如说,

但是,当我在Android设备上加载同一个站点时,该站点会在一个更大的屏幕上显示,这是一种可怕的移动体验:

不幸的是,我不确定如何隔离导致问题包含在这个问题中的代码,但在指导下,我将更新这个问题。域名是。

我发现了这个问题。。 缺少以下元标记(bootstrap 3推荐)


你可以跟着

在放置这些标签后,响应性按预期工作。 这是修改后的屏幕截图(来自chrome设备模拟器)

我发现了这个问题。。 缺少以下元标记(bootstrap 3推荐)


你可以跟着

在放置这些标签后,响应性按预期工作。 这是修改后的屏幕截图(来自chrome设备模拟器)