jQuery 手机背景图片 [英] jQuery mobile background image

查看：25
本文介绍了jQuery 手机背景图片的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在构建一个 jQuery 移动站点，并且我正在尝试将一个可缩放的图像插入到背景中，该图像会根据手机的屏幕大小进行调整.这是我的代码:

<头><title>探索杜布罗夫尼克</title><link rel="stylesheet" href="jquery.mobile-1.0a4.1.min.css"/><script type="text/javascript" src="jquery-1.5.2.min.js"></script><script type="text/javascript" src="jquery.mobile-1.0a4.1.min.js"></script><style type="text/css">.ui页面{背景:透明网址(image.gif)；}</风格><身体><div data-role="page" data-theme="b"><div data-role="header"><h1>标题文本</h1></div><!--/header --><div data-role="content" data-theme="d">一些文字</div><!--/content --><div data-role="footer"><h1>Neki izbornik</h1>

</div><!--/page -->

当窗口全屏时，我得到背景图像，但是当我调整它的大小/使它变小(就像手机中的屏幕)时，图像没有调整大小并且没有居中，所以我只能看到一个一部分...

从 jquerymobile.com 下载连接的 jQuery 和 CSS 文件

解决方案

对于 jquery mobile 和 phonegap 这是正确的代码: