使用 Foundation 的单页应用程序视口移动
Single page app viewport mobile using Foundation
我正在将 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');
我需要添加最小和最大比例。虽然我没有测试它，但我想我只需要添加最大比例，因为内容会从屏幕上溢出。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
我正在将 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');
我需要添加最小和最大比例。虽然我没有测试它，但我想我只需要添加最大比例，因为内容会从屏幕上溢出。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">