使用Foundation的单页应用视口移动

Question

我正在使用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');

Answer 1

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

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