css – Phonegap Windows Phone 8:视口元和缩放问题

前端之家收集整理的这篇文章主要介绍了css – Phonegap Windows Phone 8:视口元和缩放问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我目前正在开发一个Phonegap应用程序,在使用Windows Phone 8进行测试时遇到以下问题(左下方截图):应用程序栏未被删除并留下很大的空白区域.

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

  1. <Meta name="viewport" content="width=device-width,height=device-height">

所以你必须使用“ms”预标记再次定义它:

  1. @-ms-viewport {
  2. height: device-height;
  3. width: device-width;
  4. }

但这样做会让应用程序的扩展变得混乱.知道发生了什么事吗?

这里是之前的截图:

最佳答案
将其包含在Index.html中,

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

在CSS中包含这个:

  1. @viewport
  2. {
  3. width:320px;
  4. }
  5. @-ms-viewport {
  6. width:320px;
  7. zoom-user:fixed;
  8. max-zoom:1;
  9. min-zoom:1;
  10. }

包括这个,

  1. body,html {
  2. -ms-overflow-style: none !important;
  3. }

这将解决现在的问题,它在同样的情况下对我有用.. !!

猜你在找的CSS相关文章