JavaScript - 生成された div を携帯電話の画面に適応させる方法

生成されたdivを携帯電話の画面に適応させる方法

返信内容:

生成されたdivを携帯電話の画面に適応させる方法

必要なレスポンシブレイアウトを実現できるブートストラップを使用します。さらに、他のタグも使用できます。レスポンシブ レイアウトの詳細については、http://www.runoob.com/bootstrap/bootstrap-grid-system.html を参照してください。 jQuery Mobile などの Web アプリ フレームワークを使用することもできます

位置を固定に設定し、上下に固定値を与えます

幅と高さをパーセンテージで書くか、レム単位を使用します。

レスポンシブ レイアウトを手動で実装する場合は、次の点に注意する必要があります。
1. 幅はパーセンテージに設定されており、高さをパーセンテージに設定することは無効です。
2. CSS メディア クエリ テクノロジーでは、複数のリンクを使用できます。さまざまな画面解像度の CSS コードにコンテンツをインポートしますが、リクエストが多すぎるため、@media screen と (max-width=375px) {スタイルを表示するために必要な CSS コード} を使用することはお勧めできません。 Chrome コンソールを使用して、必要なデバイスの幅を確認できます
3. メタでビューポートを定義し、HTML ページにアダプティブにするように指示します
4. img に max-width を使用します
5.フォント

私も初心者です。レスポンシブレイアウトを学ぶには lz システムをお勧めします。そうしないと落とし穴がたくさんあります。または、ブートストラップで直接書いてマニュアルを読むこともできます

個人的には、「ブラウザの画面サイズに合わせて div を設定する方法」という質問が問題だと思います。
この場合、私はこれを行います:
google或者baidu 但是最好还是google => html - div幅をウィンドウサイズに等しく設定します - コードログ

リンクを教えてください:

stackoverflow
google