為什么我的Cordova應用程序的字體在Windows Phone 8.1設備上是如此小？

Question

我創建了一個Web應用程序，現在將其轉換為Cordova應用程序。 當我將其部署到Windows Phone 8.1設備時，文本非常小，比同一設備上的瀏覽器小得多。 我現在創建了一個迷你應用程序，它僅顯示一行文本，此處相同，Cordova應用程序中的文本很小，如果我在同一部手機的瀏覽器中運行，則文本大小正常。

我嘗試將其創建為Windows Phone 8 App，然后文本具有正確的大小。

我玩過視口meta標簽，沒有做任何更改。

Answer 1

您可能會遇到這樣的問題：某些Web框架的有效寬度為768px的設備進入“ iPad模式”。 這是Twitter引導程序的常見問題。

盡管您需要檢測IE 11而不是10，但建議使用一些修復程序，例如： https : //timkadlec.com/2013/01/windows-phone-8-and-device-width/

Answer 2

Windows Phone實施中存在一個錯誤，該錯誤無法以正確的方式計算視口的大小。 此問題已在Windows Phone Update 3（8.0.10512）中修復，但不幸的是不適用於Nokia Lumia920。因此，建議的解決方法是添加以下腳本：

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樣式表中就足夠了：

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