我目前正在开发一个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;
}
但这样做会让应用程序的扩展变得混乱.知道发生了什么事吗？
这里是之前的截图：
最佳答案
将其包含在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;
}
这将解决现在的问题,它在同样的情况下对我有用.. !!
原文链接：https://www.f2er.com/css/427614.html
