iPadなるべくネイティブ感を出したいので、jQueryMobileを使っているのですが、現状では2カラムのデザインってあんまり無いようなんですよね。参考にしているデザインはiPadの設定アプリの画面の感じです。jQueryMobileのバージョンは、1.1.1です。骨組みを作るまずはHTMLファイルを書いていきます。</body></html>これで2段組のレイアウトが出来上がりました。.ui-block-bそれぞれにdata-role="header"とdata-role="content"をもたせています。これでは半分に分割されているだけですので、これにスタイルを当てていく必要があります。高さはPhoneGapでネイティブ化するのではなく、そのままSafariで見るのであれば672pxくらいがちょうど良いようです。設定画面の2カラムはボーダーに色がついているので、そのあたりと、丸角になっているのでborder-radiusなどを設定します。{}これで2カラムのレイアウトが出来上がりました。メニュー部分もコンテンツ部分もまだ中身がないのでこんな感じになっていますが、中身を書いていくと困ることがまだまだあるので、次回中身を書いていこうと思いますよ。Mobileで使うjQueryMobileは便利ですよね。その4前回までで基本的なデザインは出来上がりました。はてなブログProフリーでプロのグラマーしています。パターン別構築・運用ガイドを読みました。夫婦で人間ドックに行ってきたLifeLogをシェアしてみた。フットボールライフ・ログサービススターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。