为什么我的 Cordova 应用程序的字体在 Windows Phone 8.1 设备上非常小？

Question

我创建了一个 Web 应用程序，现在将其转换为 Cordova 应用程序。当我将它部署到我的 Windows Phone 8.1 设备时，文本非常小，比同一设备上的浏览器小得多。我现在创建了一个只显示一行文本的迷你应用程序，这里也一样，Cordova 应用程序中的文本很小，如果我运行在相同的 phone 浏览器中，文本具有正常大小。

我尝试将其创建为 Windows Phone 8 App，然后文本大小合适。

我试过视口元标记，没有改变任何东西。

Answer 1

您可能运行遇到这样一个问题：某些 Web 框架进入 "iPad Mode" 具有 768px 有效宽度的设备。这是 Twitter 的一个常见问题 bootstrap。

虽然您需要检测 IE 11 而不是 10，但有一些修复建议，例如这个修复：https://timkadlec.com/2013/01/windows-phone-8-and-device-width/

Answer 2

Windows Phone 实现中存在一个错误，它没有以正确的方式计算视口的大小。此问题已在 Windows Phone 更新 3 (8.0.10512) 中修复，但不幸的是不适用于 Nokia Lumia 920。因此，建议 workaround 添加以下脚本：

if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement("style");
  msViewportStyle.appendChild(
    document.createTextNode("@-ms-viewport{width:auto!important}")
  );
  document.getElementsByTagName("head")[0].
    appendChild(msViewportStyle);
}

如果您正在构建 Cordova 应用程序，将样式添加到 Windows Phone:

的样式 sheet 中应该就足够了

@-ms-viewport { 
  width: auto !important;
}

为什么我的 Cordova 应用程序的字体在 Windows Phone 8.1 设备上非常小？

Why is the font of my Cordova App so extremely small on Windows Phone 8.1 Device?

javascript

windows-phone

cordova

windows-phone-8.1

visual-studio-cordova