H5 モバイル開発はすぐに学習して使用できます
1.単位はレムを使う
html { font-size: 100px; }
@media(min-width: 320px) { html { font-size: 100px; } }
@media(min-width: 360px) { html { font-size: 112.5px; } }
@media(min-width: 400px) { html { font-size: 125px; } }
@media(min-width: 640px) { html { font-size: 200px; } }
携帯電話の場合はフォント サイズを 100 ピクセルに設定します。320 ピクセルの携帯電話の場合、一致は 100 ピクセルになります。
他の携帯電話も同じ割合で一致するため、デザイン案のピクセル数が多い場合、rem に変換すると、rem = デザイン案のピクセル数 / 100 となります。
2.a、button、input、optgroup、select、textareaなどのラベルの背景の黒化を無効にする
モバイル端末で a タグをボタンまたはテキストリンクとして使用すると、次のコードのように、ボタンをクリックすると「暗い」背景が表示されます。
<a href="">button1</a>
<input type="button" value="送信"/>
html { font-size: 100px; }
@media(min-width: 320px) { html { font-size: 100px; } }
@media(min-width: 360px) { html { font-size: 112.5px; } }
@media(min-width: 400px) { html { font-size: 125px; } }
@media(min-width: 640px) { html { font-size: 200px; } }
携帯電話の場合はフォント サイズを 100 ピクセルに設定します。320 ピクセルの携帯電話の場合、一致は 100 ピクセルになります。
他の携帯電話も同じ割合で一致するため、デザイン案のピクセル数が多い場合、rem に変換すると、rem = デザイン案のピクセル数 / 100 となります。
2.a、button、input、optgroup、select、textareaなどのラベルの背景の黒化を無効にする
モバイル端末で a タグをボタンまたはテキストリンクとして使用すると、次のコードのように、ボタンをクリックすると「暗い」背景が表示されます。
<a href="">button1</a>
<input type="button" value="送信"/>
声明：
当サイトのすべてのリソースはネットユーザーが投稿したり、各ダウンロードステーションを転載したりしているので、ソフトウェアの完全性を自分でチェックしてください！当サイトのすべてのリソースは学習と参考のためだけに使用されます。ビジネス用途には使用しないでください。そうしないと、発生したすべての結果はあなた自身が負担します！権利侵害がある場合は、次の連絡先に連絡してください。admin@php.cn
最新のコース
続きを見る![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
- [Web フロントエンド] Node.js クイック スタート
- このコースは初心者向けに特別に設計されており、学生が Node.js の基本知識とコア テクノロジを迅速に習得できるようにすることを目的としています。このコースは、Node.js のインストールと環境構成から始まり、徐々にその非同期プログラミング モデル、モジュール システム、イベント駆動メカニズムを詳しく分析します。豊富な実践事例を通じて、学生は Node.js を使用して効率的で安定した Web サーバーを構築し、HTTP リクエストと応答を処理し、ファイル操作とデータベース対話を実行する方法を学びます。さらに、このコースでは、フロントエンド開発における Node.js の典型的なアプリケーション シナリオも紹介し、学生が実践的な能力を迅速に向上させ、フロントエンド開発の課題に簡単に対処できるようにします。
- 海外のWeb開発フルスタックコースの完全なコレクション
- このコースは、HTML、CSS、JavaScript、Vue.js、React、Flutter、モバイル APP 開発をカバーする包括的なチュートリアルです。基本的な Web ページ制作から、複雑なフロントエンドとバックエンドの対話、モバイル アプリケーションの実践的な開発まで、コースは内容が豊富で非常に実践的です。一連の実践的なプロジェクトを通じて、さまざまな開発スキルを深く理解し習得し、フルスタック開発エンジニアとして早期に成長します。初心者も経験豊富な開発者も、その恩恵を受けることができます。このコースの学習を通じて、Web アプリケーションやモバイル アプリケーションを独自に開発する能力を身につけ、将来のキャリア開発のための強固な基盤を築きます。
- Go言語実践GraphQL
- このコースは、学習者が Go 言語を使用して GraphQL サービスを実装する方法を習得できるように設計されています。このコースでは、GraphQL の基礎知識から始まり、そのデータ クエリ言語の特性と利点を深く分析し、Go 言語の特性と組み合わせて、GraphQL サーバーの構築方法、リクエストの処理方法、データの定義方法を詳しく説明します。パターンなど豊富な実践事例を通じて、学習者は実際のプロジェクトに GraphQL を統合してデータ インタラクションの柔軟性と効率を向上させる方法を学びます。このコースは、Go 言語の一定の基礎を備えた開発者に適しており、効率的で最新の API を構築するために必須のコースです。
- 550W ファンマスターが JavaScript をゼロから段階的に学習します
- このコースは初心者向けに特別に設計されており、Google の責任者が指導します。このコースは JavaScript の基礎知識から始まり、構文、関数、オブジェクト、イベント処理などをカバーして徐々に深めていきます。鮮やかな事例と実践的な演習を通じて、学生は JavaScript のコアスキルをすぐに習得できます。上司が直接学生の質問に答え、プログラミング体験を共有することで、学生はリラックスした楽しい雰囲気の中で JavaScript マスターに成長することができます。プログラミングの初心者であっても、スキルを向上させたい開発者であっても、このコースは JavaScript を学習するための最良の選択となるでしょう。
- Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
- このコースでは、プログラミングの旅に出かけます。ゼロから始めるこの 6 時間のコースでは、Python の基礎と高度な概念について説明します。 あなたが初心者であっても、スキルを向上させたい経験豊富なプログラマであっても、Mosh の詳細な説明と明確な指導方法により、Python をすぐに使いこなすことができます。変数、データ型、条件文、ループ、関数、オブジェクト、モジュールについて詳しく学び、実践的な演習で理解を深めます。 このコースは、Python を学習し、さまざまなキャリア分野への準備を整えるのに最適です。 Mosh の専門知識と教育に対する情熱により、熟練した Python 開発者への道を自信を持って歩み始めることができます。