Question

我已在Android和Android上开发手机间隙应用程序Windows Phone。但对于Windows Phone，它会在底部显示空白区域。从网上，我得到了这个答案：将此代码添加到CSS

 @media screen and (orientation: portrait) {
    @-ms-viewport {
      width: 320px;
      user-zoom: fixed;
      max-zoom: 1;
      min-zoom: 1;
      }
    }

    @media screen and (orientation: landscape) {
      @-ms-viewport {
        width: 480px;
        user-zoom: fixed;
        max-zoom: 1;
        min-zoom: 1;
      }
    }

我添加此代码但未显示任何效果。有什么建议吗？

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; 
}

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

Windows Phone 8手机间隙应用程序底部的空白区域

1 个答案: