0

ブラウザ間の互換性を備えた HTML5 アプリを作成しようとしています - 理想的にはモバイル向けです。私は HTML5/CSS3/JavaScript/jQuery (モバイル) を使用しています。

私のホームページは、ページの中央にある 6 つの正方形のボタン (画像) である必要があるため、中央に 2 つの列があり、それぞれに 3 つの正方形があるモバイル画面を想像するとします。

経験豊富な人が、この問題に取り組むための最良の方法を教えてくれることを願っていましたか? 画面を横向きにすると、画像が 2 列 3 列に浮かび上がります。

誰かが何かアイデアを持っていれば、私はそれを非常に感謝しています. 私の説明が少し簡潔で申し訳ありませんが、まだコードを書いていません。ありがとう。

4

3 に答える 3

0

複数のデバイスの画面サイズに合わせてアプリを作成するには... css メディア クエリを利用できます

また、メディア クエリの使用に合わせて、レイアウト/ボタン サイズをパーセンテージで指定することもできます。

于 2013-09-24T10:23:25.160 に答える
0

ボタンを作成するとdisplay:inline-block、ページ全体に流れます。次に、すべてを中央に配置するだけで完了です。例として、このフィドルを確認してください。

于 2013-09-24T10:23:49.640 に答える