0

背景：我正在尝试为 Windows Phone 7 修改现有的 Web 应用程序。我的开发环境是 Microsoft Visual Studio 2010 高级版，并且我已经安装了 Windows Phone SDK 7.1。我的 Web 应用程序仅包含 HTML 和 CSS。模拟器上的网络浏览器是 Internet Explorer Mobile 9。

问题：我无法让我的网页全屏显示（宽度很好，但我的页面高度仅为显示区域的 80% 左右，其余 20% 显示为纯白色。

例如，我尝试为我的页面获取背景图像并将其显示为整页。

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-control" content="no-cache" />
    <title>index</title>
    <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 500px)" href="mobile.css" />          
  </head>

  <body>
    <img src="background2.jpg" id="bbg" alt=""/>
  </body>

</html>

以下是mobile.css：

#bbg {
  position:fixed; 
  top:0; 
  left:0; 

  /* Preserve aspet ratio */
  min-width:100%;
  min-height:100%;
}

样本输出

我怎么能纠正这个？有任何想法吗？？

编辑（解决方案）
正如 Fabian 在接受的答案中提到的，这是我必须添加到标记中的内容：

<meta name="Viewport" content= "height= device-height; user-scaleable=no; initial-scale=1.0" />
4

2 回答 2

2

尝试正确设置您的元视口标签。这些控制浏览器窗口内页面的缩放。

如果这仍然没有帮助，请尝试将背景图像设置为设备分辨率（800x480px），看看是否有帮助。

于 2013-01-14T06:53:19.803 回答
-1

可能是由于未在 xaml 文件中指定 shell:SystemTray.IsVisible="False" 引起的。

<phone:PhoneApplicationPage 
    ....
    shell:SystemTray.IsVisible="False">
...

此代码删除标准 Windows Phone Silverlight 应用程序的上部“状态栏”

于 2013-01-14T09:09:36.277 回答