0

私は基本的に、次の画像と同様のタイプのモバイルWebページの感触を、ページの端に同じ境界線と余白を付けて作成しようとしています。

ここに画像の説明を入力してください

ページ全体がページの残りの部分に対してある種のマージンで囲まれ、所定の位置に保持されていることに気付いた場合。何がそれを制御しているのかわかりません。

私はこれをinterwebzからコピーしましたが、これは典型的なjqueryモバイルページがすぐに見える方法です。

ここに画像の説明を入力してください

マージンを追加する方法を理解しようとしていますが、実際のブロック自体を制御するためにCSSを変更する方法がわからないことに気づきました。

私が現在取り組んでいるjqueryモバイルページでは、「ヘッダー」を表示するために、コードで次のように表示されます。

<div data-role="header">

そして、「ページ」自体全体については、データロールとdividがページであることを除いて同じです。これを行う正しい方法について話すためにjquerymobileの経験がある人はいますか?CSSを貼り付けますが、この「データロール」の概念とその意味についても理解していません。「id」と「class」に慣れており、ボックス自体を制御する方法がわかりません。

誰かが私を正しい方向に導くことができますか?

4

1 に答える 1

1

スクリプト内からそのdivを編集できますか?どうですか

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

次に、好きなCSSを.fooに適用できます。

于 2012-09-04T06:57:21.677 に答える