目次
返信内容:
ホームページ バックエンド開発 PHPチュートリアル JavaScript - 携帯電話で HTML を次の形式にフォーマットするにはどうすればよいですか? ? ?

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

Jul 06, 2016 pm 01:51 PM
css html html5 javascript php

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

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

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

返信内容:

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

JavaScript - 携帯電話で 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 に設定することに注意してください。

ダメだったらまた質問させていただきますのでよろしくお願いします。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHPパフォーマンス最適化戦略。 PHPパフォーマンス最適化戦略。 May 13, 2025 am 12:06 AM

phpapplicationscanbeoptimizedforspeedandEfficiencyby:1)enabingopcacheinphp.ini、2)PreparedStatementswithpordatabasequeriesを使用して、3)LoopswithArray_filterandarray_mapfordataprocessing、4)の構成ngincasaSearverseproxy、5)

PHPでの依存関係注射のベストプラクティス PHPでの依存関係注射のベストプラクティス May 08, 2025 am 12:21 AM

依存関係注射(DI)を使用する理由は、コードのゆるい結合、テスト可能性、および保守性を促進するためです。 1)コンストラクターを使用して依存関係を注入します。2)サービスロケーターの使用を避け、3)依存関係噴射コンテナを使用して依存関係を管理する、4)依存関係を注入することでテスト可能性を向上させる、5)注入依存性を回避、6)パフォーマンスに対するDIの影響を考慮します。

phpmyadminの機能:mysql(sql)との対話 phpmyadminの機能:mysql(sql)との対話 May 07, 2025 am 12:16 AM

PhpMyAdminは、Webインターフェイスを介してMySQLデータベース管理を簡素化します。 1)データベースとテーブルの作成:グラフィカルインターフェイスを使用して簡単に動作します。 2)複雑なクエリを実行する:SQLエディターを介して実装されたJoin Queryなど。 3)最適化とベストプラクティス:SQLクエリの最適化、インデックス管理、データバックアップを含む。

PHPメールの検証:電子メールが正しく送信されるようにします PHPメールの検証:電子メールが正しく送信されるようにします May 13, 2025 am 12:06 AM

PHPemailvalidationinvolvesthreesteps:1)Formatvalidationusingregularexpressionstochecktheemailformat;2)DNSvalidationtoensurethedomainhasavalidMXrecord;3)SMTPvalidation,themostthoroughmethod,whichchecksifthemailboxexistsbyconnectingtotheSMTPserver.Impl

HTMLアクション:Webサイト構造の例 HTMLアクション:Webサイト構造の例 May 05, 2025 am 12:03 AM

HTMLは、明確な構造のWebサイトを構築するために使用されます。 1)Webサイト構造などのタグを使用し、定義します。 2)例は、ブログとeコマースのウェブサイトの構造を示しています。 3)誤ったラベルネスティングなどの一般的な間違いを避けてください。 4)HTTP要求を削減し、セマンティックタグを使用してパフォーマンスを最適化します。

PHP依存性噴射コンテナ:クイックスタート PHP依存性噴射コンテナ:クイックスタート May 13, 2025 am 12:11 AM

aphpDependencyInjectionContaineriSATOULTAINATINAGECLASSDEPTINCIES、強化測定性、テスト可能性、および維持可能性。

最高のPHPパフォーマンス最適化手法 最高のPHPパフォーマンス最適化手法 May 07, 2025 pm 03:05 PM

PHPパフォーマンスの最適化は、次の手順を通じて実現できます。1)スクリプトの上部にrequire_onceまたはinclude_onceを使用して、ファイルの負荷数を減らすことができます。 2)プリプロセシングステートメントとバッチ処理を使用して、データベースクエリの数を減らします。 3)OpCodeキャッシュのOpCacheを構成します。 4)PHP-FPM最適化プロセス管理を有効にして構成します。 5)CDNを使用して静的リソースを配布します。 6)コードパフォーマンス分析には、XdebugまたはBlackfireを使用します。 7)配列などの効率的なデータ構造を選択します。 8)最適化実行のためのモジュラーコードを記述します。

See all articles