html - 无法在 Windows Phone 模拟器上获取整页背景图像-6ren

html - 无法在 Windows Phone 模拟器上获取整页背景图像

转载作者：太空宇宙更新时间：2023-11-04 15:23:29

26

4

背景:我正在尝试为 Windows Phone 7 修改我现有的 Web 应用程序。我的开发环境是 Microsoft Visual Studio 2010 premium，并且我已经安装了 Windows Phone SDK 7.1。我的 Web 应用程序仅包含 HTML 和 CSS。模拟器上的 Web 浏览器是 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%;
}

Sample output

我该如何纠正这个问题？有什么想法吗？？

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

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

最佳答案

尝试设置您的 meta viewport正确标记。这些控制页面在浏览器窗口中的缩放比例。

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

关于html - 无法在 Windows Phone 模拟器上获取整页背景图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14313355/

26

4

0

文章推荐： Java Robot 和 MATLAB 中的 KeyEvent

文章推荐： javascript - 该脚本在 IE 中不起作用。我该如何解决？

windows-phone-7 - 如何在 Windows Phone 设备中测试 Windows Phone 应用程序
我开发了一个使用 mspn 服务的 windows phone 应用程序。它在 Windows 手机模拟器上运行良好。现在我想在 Windows Phone 设备中测试它。我有一个 Windows P
windows-phone-7 - Windows Phone 7 模拟器 : Can I simulate a phone call
我正在考虑针对 Windows Phone 7 进行开发。为了测试我的应用程序，我需要能够模拟电话调用。在模拟器中可以吗？最佳答案不，不可能模拟您的应用程序被接收到的电话中断。还宣布为 the R
windows-phone-7 - Windows Phone 8 上的 Windows Phone 7 应用程序
我看到 Windows Phone 8 支持 Windows Phone 7 应用程序。我在 Windows Phone 7 上开发了一些应用程序，我想在 Windows Phone 8 模拟器上运行
windows-phone-8 - 错误: Deployment failed because no Windows Phone 8 phone was detected
我正在Windows 8上使用Visual Studio2013。我有三个Windows Phone设备，lumia 620、920、1320，这些都是开发人员解锁的设备。 620设备已安装Windo
windows-phone-7 - Windows Phone 7 应用程序是否与 Windows Phone 8 设备兼容？
非常直接的问题。我的公司开发了一个 windows phone 7 应用程序，并一直在 windows phone 7 设备上对其进行测试。我们能否安全地假设同一个应用程序将向后兼容并在 Window
windows-phone-7 - 如何将 Windows Phone 7 应用程序部署到 Windows Phone 8 手机？
标题几乎概括了它。我已经编写了一个 Windows Phone 7 应用程序，现在我想将它部署到 Windows Phone 8 设备 (HTC Windows Phone 8X)。我已经注册并解锁了
windows-phone-8 - 如何将 Windows Phone 8 应用程序移植到 Windows Phone 8.1？
我一直在开发 Windows Phone 8 应用程序，现在我想将其更改为 Windows Phone 8.1。我该怎么做？是否应该创建一个新的 Windows Phone 8.1 应用并将所有现有
windows-phone-8 - "Windows Phone Silverlight 8"和 "Windows Phone 8"一样吗？
我有一个针对 Windows Phone 8 的应用程序。现在我想使用 this compression library其中指出: Supported Platforms: .NET Framewor
windows-phone-7 - Windows Phone 7.1 SDK 与 Windows Phone 7.5 SDK
有什么区别Windows Phone 7.1 (NoDo) 和 Windows Phone 7.5 (芒果) ? 我已经为 Mango 安装了 SDK，但是当我尝试创建一个项目时，它显示为 7.1 版
windows-phone-8 - Visual Studio 2013 中 Windows Phone 项目和 Silverlight Windows Phone 项目的区别
我最近更新了我的 Visual Studio 2013，现在它允许开发 Windows Phone 8.1 应用程序。但是现在，当我创建一个 Windows Phone 项目时，它是针对 WP 8.
windows-phone - 获取错误 "Unable to connect to a phone. Make sure the Windows Phone IP over USB transport service is running"
我最近购买了 Lumia 630 双 SIM 卡，并一直在尝试注册我的手机以进行开发，但一直收到此错误“无法连接到手机。请确保通过 USB 传输服务的 Windows Phone IP 正在运行”。
windows-phone-7 - 将 Windows Phone 8 Tile 功能添加到 Windows Phone OS 7.1 应用程序
我正在尝试使用 documentation from MSDN 在我现有的 Windows Phone OS 7.1 应用程序中支持新的 Windows Phone 磁贴功能。 .但是，我似乎无法通过
windows-phone - 如何运行Windows Phone 10模拟器？
我在搜索如何启动Windows Phone 10模拟器时迷路了。我已经做了: 我下载并安装了仿真器镜像(我知道flash.vhd文件的位置) 我正在运行Windows 8.1 x64专业版。 Hyp
windows-phone - Windows Phone 动态磁贴
我想制作像图片一样的动态磁贴。我该怎么做？最佳答案上面创建的图 block 很可能是在服务器端创建的。据说 Windows Phone 7.1 和 Windows Phone 8 之间发生了很多变
windows-phone - Windows Phone 模拟器无法创建虚拟机
我刚刚将它安装在我的 Windows 8 上。它不是在 VM 上运行，而是在带有 bootcamp 的 macbook 上运行。当我尝试模拟我的应用程序时，出现第一个错误: 但是后来我单击“重试”并
windows-phone-8 - 在 Windows Phone 8.1 应用程序模板中引用 Microsoft.Phone 时，在模块 mscorlib.dll 中找不到类型 System.SystemException
Microsoft 刚刚发布了结合了 Windows 8.1 和 Windows Phone 8.1 的 Windows App 8.1，因此您可以创建一个通用的应用程序。但是，将 Microsoft
windows-phone-7 - Windows Phone 7的日历控件？
是否有可用于WP7的日历控件(不是日期选择器和时间选择器)？最佳答案我还在CodePlex上启动了新项目。我刚刚研究了日历控件的Alpha版本。 http://wpcontrols.codeple
windows-phone-7 - Windows Phone 7处理退格键按下事件
我在XAML中有一个文本框: .cs文件声明了以下事件: private void blah_OnKeyDown(object sender, KeyEventArgs e) {
windows-phone-8 - 如何在windows phone 8中实现ping
关闭。这个问题需要更多focused .它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this qu
windows-phone-7 - 如何同时运行Windows Phone 7模拟器的多个实例？
我正在为Windows Phone 7创建一个多人游戏。如何调试模拟器的多个实例以便对其进行调试？最佳答案实际上，您可以同时运行Windows Phone 7模拟器的多个实例，甚至可以同时调试它们

首页

博学

6Ren·AI

商城

html - 无法在 Windows Phone 模拟器上获取整页背景图像