モバイル Web 開発仕様_html/css_WEB-ITnose からの抜粋-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

モバイル Web 開発仕様_html/css_WEB-ITnose からの抜粋

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 08:46 AM

フォント設定

サンセリフフォントを使用する

body {    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}

iOS 4.0 以降では英語フォント Helvetica Neue が使用され、以前の iOS バージョンは Helvetica を使用するようにダウングレードされます。中国語フォントは中国語太字 STHEiTi に設定されます。中国語の黒竜江語は iOS フォントライブラリ (http://support.apple.com/kb/HT5878) には存在しないことを追加する必要がありますが、システムは自動的に中国語の黒竜江語 STHEiTi をシステムのデフォルトの中国語フォント黒竜江省簡体字と一致させます。またはヘイヘコンプレックス。

Heiti SC Light 黑体-簡体字中国語 (iOS 7 以降は破棄)
Heiti SC Medium 黑体-简中黑
Heiti TC Light 黑体-繁体Body
Heiti TC Medium Heiti - 繁体字中国語ブラック

ネイティブ Android では、中国語フォントと英語フォントの両方で、デフォルトのサンセリフフォントが選択されます。

4.0 より前は、Android ネイティブの英語フォントは Droid Sans を使用していましたが、Android ネイティブの中国語フォントは Droid Sans Fallback に達します
4.0 以降は、中国語と英語の両方のフォントが使用されます。ネイティブ Android の新しい Roboto フォント。

他のサードパーティ Android システムでも、一貫してデフォルトのサンセリフフォントが選択されます。

基本的な操作

画像内のポップアップメニューの長押しと選択されたテキストの動作を回避するには、グローバル CSS スタイルを設定します。

a, img {    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}html, body {    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */    user-select: none;}

モバイルのパフォーマンス

Android ローエンドマシンと 2G ネットワークシナリオのパフォーマンスを考慮してください。

公開前に必要なチェック:

すべての画像を圧縮する必要があります
80% 品質の jpg 画像に変換するなど、適度な非可逆圧縮を検討してください
大きな画像を複数の小さな画像に分割することを検討してください。これは、バナー画像が大きすぎるシナリオで一般的です。これにより、バナー画像をすぐに開くことができるように、読み込みパフォーマンスの最適化が行われます。

データをオフラインにするには、localStorage にデータをキャッシュすることを検討してください

動作パフォーマンスを最適化して、スムーズな操作を実現

iOS 300+ms のクリック遅延問題を回避します

声明

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

Web開発にとってHTMLタグが重要なのはなぜですか？May 02, 2025 am 12:03 AM

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1）theydefineLayout、semantics、and-interactivity.2）semanticagsimprovecessibility.3）opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。May 01, 2025 am 12:01 AM

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1）低ケースタグと属性を使用します。2）一貫したインデントを保持し、3）シングルまたはダブルの引用符を選択して固執する、4）プロジェクトのさまざまなスタイルの混合を避け、5）きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は？Apr 30, 2025 pm 03:24 PM

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか？Apr 30, 2025 pm 03:21 PM

マウススクロールイベントの浸透の効果を実現する方法は？ Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PM

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。