【jQuery】グリッドレイアウト(画面を分割)を作る JQuery Mobile学習動画 Twitter Facebook コピー 2020.04.21 2016.02.06 Jquery Mobileオンライン動画講座 この動画レッスンのポイントは下記です。 グリッドレイアウトを作る 勉強に必要なツールについて。 今回のレッスンのプログラムのソースは以下です。 </p><br /><br /><br /><br /><br /> <p><head><br /><br /><br /><br /><br /><br /> <meta charset=”UTF-8″><br /><br /><br /><br /><br /><br /> <meta name=”viewport” content=”width=device-width, minimum-scale=1, maximum-scale=1″><br /><br /><br /><br /><br /><br /> <title>サンプル</title><br /><br /><br /><br /><br /><br /> <link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css” /></p><br /><br /><br /><br /><br /> <style><br /><br /><br /><br /><br /> .ui-header .ui-title {<br /><br /><br /><br /><br /><br /> margin: 0.6em 10% 0.8em;<br /><br /><br /><br /><br /><br /> }<br /><br /><br /><br /><br /><br /> </style><br /><br /><br /><br /><br /> <p><script src=”http://code.jquery.com/jquery-1.6.4.min.js”></script><br /><br /><br /><br /><br /> <script src=”http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js”></script><br /><br /><br /><br /><br /><br /> </head><br /><br /><br /><br /><br /><br /> <body></p><br /><br /><br /><br /><br /> <div data-role=”header”><br /><br /><br /><br /><br /> <h1>グリッドレイアウトを表示する</h1><br /><br /><br /><br /><br /> </div><br /><br /><br /><br /><br /> <div data-role=”content”><br /><br /><br /><br /><br /> <div class=”ui-grid-d”><br /><br /><br /><br /><br /> <div class=”ui-block-a”>1</div><br /><br /><br /><br /><br /> <div class=”ui-block-b”>2</div><br /><br /><br /><br /><br /> <div class=”ui-block-c”>3</div><br /><br /><br /><br /><br /> <div class=”ui-block-d”>4</div><br /><br /><br /><br /><br /> </div><br /><br /><br /><br /><br /> </div><br /><br /><br /><br /><br /> <p></body<br /><br /><br /><br /><br /><br /> 更新情報 関連商品 jQuery最高の教科書 新品価格 ¥2,786から (2019/6/24 13:47時点)