使用 Foundation 的单页应用程序视口移动答案

【问题标题】：Single page app viewport mobile using Foundation使用 Foundation 的单页应用程序视口移动
【发布时间】：2015-08-26 01:29:47
【问题描述】：

我正在将 Foundation 用于响应式网站，并且仅当您通过我们的 ng-include 加载另一个页面时，某些移动设备无法正确缩放视口。这会将新内容加载到页面中，然后页面的宽度会中断并需要水平滚动。

这不会发生在某些设备（例如 Galaxy Note 3/4）中，但会发生在具有相同分辨率的设备中，例如 iPhone 6 Plus。我确实有一个视口属性和缩放集：

<meta name="viewport" content="width=device-width, initial-scale=1, target-densityDpi=device-dpi;">

在我为这个单页应用程序加载新的动态内容时，任何帮助找出为什么不能正确扩展的帮助，我们将不胜感激。我不确定它是否相关（只是想到它），但我们也经常使用文档均衡器重排：

$(document).foundation('equalizer','reflow');

【问题讨论】：

【解决方案1】：

我需要添加最小和最大比例。虽然我没有测试它，但我想我只需要添加一个最大比例，因为内容正在从屏幕上流出。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

【讨论】：