JavaScript - 携帯電話で HTML を次の形式にフォーマットするにはどうすればよいですか? ? ?

これらの 2 行のデータはデータベース内の配列から取得されます。 HTML を記述するにはどうすればよいですか? ? ?初心者なのでマスターに指導をお願いします

返信内容:

これらの 2 行のデータはデータベース内の配列から取得されます。 HTML を記述するにはどうすればよいですか? ? ?初心者なのでマスターに指導をお願いします

CSS3 の Flex レイアウトについて学ぶことをお勧めします
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

ブートストラップでのソリューション

1. モバイル端末の場合は、古い構文と新しい構文を併用することをお勧めします。
2.display:inline-block;width:50%;なので親要素のfont-sizeを0
3に設定する必要があります。高さが決まっていないとレイアウトが崩れてしまうのでおすすめしません。違います

ブートストラップを使用して、必要な応答性の高いレイアウトを実現します (http://www.runoob.com/bootstrap/bootstrap-tutorial.html)。
ただし、Webapp フレームワークを使用することをお勧めします。いくつかの一般的な Webapp フレームワークを説明します。
1. jQuery Mobile: 学習コストが低く、ブラウザ間の互換性が最も優れています。 jQuery jQuery よりも効率的ですが、jQuery の欠点もあります。
3. AngularJs に基づいており、高い学習コストと高効率を備えています。
4. Sencha Touch: HTML5 および CSS3 標準モバイルをサポートします。アプリケーションフレームワーク

フロート:左;幅:50%

フロート:左;幅:50%

各ブロックの幅を 50% にして、ボックスサイズを border-box に設定することに注意してください。

ダメだったらまた質問させていただきますのでよろしくお願いします。