css - Phonegap + Windows Phone 8 : viewport meta & scaling issue

Question

我目前正在开发一个 Phonegap 应用程序，在使用 Windows Phone 8 测试它时遇到以下问题(下面的左侧屏幕截图):应用程序栏没有被删除并留下一个大的空白区域。

来自 various sources我了解到 WP8 忽略了以下元标记:

<meta name="viewport" content="width=device-width, height=device-height">

所以你必须使用“ms”前置标签再次定义它:

@-ms-viewport {
    height: device-height;
    width: device-width;
}

但这样做会扰乱应用程序的缩放。知道发生了什么事吗？

这里是前后截图:

Answer 1

将其包含在 Index.html 中，

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

将其包含在 CSS 中:

@viewport
{
width:320px;
}

@-ms-viewport {
width:320px;
zoom-user:fixed;
max-zoom:1;
min-zoom:1;
}

还包括这个，

body, html { 
  -ms-overflow-style: none !important; 
}

这将暂时解决问题，它在相同情况下对我有用..!! :-)