Kendo Mobile - Lumia 920 上的 Windows Phone 8 视口损坏答案

【问题标题】：Kendo Mobile - Windows Phone 8 viewport broken on Lumia 920Kendo Mobile - Lumia 920 上的 Windows Phone 8 视口损坏
【发布时间】：2013-04-26 02:11:34
【问题描述】：

我在 Lumia 920 设备上遇到了 Windows Phone 8 视口问题。它似乎不尊重剑道注入的标准视口标签：

<meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">

有没有人知道任何优雅的解决方法来让它工作？

我正在使用带有 JQuery v1.9.1 的 Kendo v2013.1.319，以及 Lumia 920 上的所有最新更新/固件升级。

【问题讨论】：

您需要页面向上/向下或向左/向右滚动吗？

标签： html windows-phone-8 kendo-ui

【解决方案1】：

WP8 不支持视口元标记，您必须使用 CSS @-ms-viewport。但是你不需要，因为 Kendo UI Mobile 已经定义了它。

如果您的主要问题是小界面元素，这是由于 WP8 IE10 中缺少自动缩放（没有 window.devicePicelRatio），并且已在最新的内部版本中修复。

【讨论】：

谢谢邦迪。没错，就是小小的界面元素。很高兴听到它已在最新的内部版本中得到修复。这些构建已经过 QC 了吗？如果是这样，我可以让我的老板为我们的生产环境下载它。
是的，它们是从生产分支生成的，并且主要得到修复。它们也包含在测试中，并由我们的 QA 进行测试。
我正在使用 kendo mobile Q2 Release 2013.2.716 和 Internal Build 2013.2.910 - 两者都显示图像尺寸很小而不是双倍密度方式。应该应用@-ms-viewport 媒体查询的哪些缩放选项来处理这个问题？我试过@-ms-viewport { width: 320px; height: auto } 但现在文本大小很大。
还尝试了mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html 推荐的 Windows Phone 8 WXGA 和 720p 错误修复，它可以很好地处理图像大小，但现在其他界面元素非常庞大。 @-ms-viewport { /*width: device-width;*/ width: auto!important; }
我需要一个测试用例才能回答。但是，Kendo UI Mobile 在 WP8 上模拟 devicePixelRatio 以处理大小调整。您可以使用 rem 和 em 单位来调整图像大小。