元标记视口内容宽度和初始比例有问题

Question

我正在使用 angularjs 开发一个 webapp。当移动设备语言设置为除中文以外的任何语言时，webapp 加载非常好。我调试了很多，发现由于 index.html 中的元视图端口标记，Web 应用程序没有加载的问题。一旦我从元视口标签中删除宽度和初始比例，当语言设置为中文时，Web 应用程序就会在移动设备中成功加载。 navigator.language = "zh-CN" 我可以知道当 navigator.language 设置为 Chinese 时造成问题的原因吗？有没有其他替代解决方案可以让我的 webapp 正常工作？ 在 index.html 中有以下元标记，如果语言设置为中文，则无法正确呈现我的应用程序

但如果我删除宽度和初始比例，那么如果语言是中文，应用程序会正确呈现。

<meta name="viewport" content="maximum-scale=1.0, user-scalable=no, minimal-ui"/>.

我也厌倦了一个示例应用程序，但在那里也观察到了问题。请参阅下面我的 index.html，您可以在其中轻松地在任何 Android 手机中重现该问题。我在我的 S3 和 S4 设备中尝试过。请在这个问题上帮助我。您可以复制下面的 index.html 并将其加载到您的 apache 服务器中以查看问题。从 DOM 元素中移除 width 和 initial-scale 的那一刻，您可以看到应用完美加载。

请帮忙解决这个问题

Answer 1

不要设置initial-scale 和/或user-scalable，而是尝试组合minimum 和maximum 比例。例如：

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

您不需要使用minimal-ui。 Apple 在 iOS8 中放弃了对此的支持。

Answer 2

设置maximum-scale 或设置user-scalable="no" 绝不是一个好主意，因为它会阻止人们进行缩放，而他们可能需要这样做。

看看当你移除这些并简单地使用视口时会发生什么会很有趣：

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

我看不出语言是如何导致这种情况发生的，但它显然正在发生，这听起来像是一个非常有趣的边缘情况。

您是否也尝试过其他与中文相关的语言设置，例如“zh”或“zh-Hans”？

我也想知道它是否与字体有关，因此与this question有关？