1

我正在开发一个使用 HTML5 + CSS3 + jQueryMobile 1.2.0 的移动网络应用程序（稍后计划使用 phonegap 将其转换为本机应用程序）。我不擅长 css3 和 html5，但正在努力学习和开发移动网站。一切都很好，直到我得到一个应该在文本中添加背景图像的屏幕。我的目标是 320*480 - 1280*798 屏幕。因此，我的网站在每个地方都应该看起来不错且相同。所以我添加了我的 html 和 css 的小提琴并添加了屏幕截图。

我的要求：

  • 左右两幅图像应根据屏幕尺寸灵活调整（320 - 1280）
  • 居中的文本应居中对齐（水平 + 垂直）。
  • 右侧图像上有一个文本也应该居中对齐（水平+垂直）。

小提琴我的代码HTML + CSS 代码

它导致 Firefox (1280*768) 如下所示（几乎如我所愿）。

火狐和安卓模拟器上的屏幕截图

但是，当我在 android 模拟器 (320*480) 上运行时，它没有正确对齐

所以，请让我知道如何将内容与背景图像/直接图像对齐。最终我的屏幕应该看起来像在 Firefox 中。

提前致谢。

4

0 回答 0