0

我基本上是在尝试创建与下图类似的移动网页风格,并在页面边缘周围具有相同的边框和边距:

在此处输入图像描述

如果您注意到整个页面如何被页面其余部分的某种边距包围并将其固定到位。我不确定是什么在控制它。

我从 interwebz 上复制了这个,但这就是典型的 jquery 移动页面的外观:

在此处输入图像描述

我试图弄清楚如何添加边距,但我意识到我不知道如何更改 CSS 来控制实际块本身。

在我现在正在处理的 jquery 移动页面中,为了显示“标题”,它在代码中显示为:

<div data-role="header">

然后对于整个“页面”本身,除了数据角色和 div id 是页面之外,它是相同的。有没有人有 jquery mobile 的经验来谈论这样做的正确方法。我会粘贴 CSS,但我什至不了解这个“数据角色”概念及其含义,我习惯于“id”和“class”,我不知道如何控制盒子本身。

谁能指导我正确的方向?

4

1 回答 1

1

你能在你的脚本中编辑那个 div 吗?关于什么

$('div[data-role=header]').addClass('foo');

然后你可以将任何你喜欢的 CSS 应用到 .foo

于 2012-09-04T06:57:21.677 回答