モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します
|
仕事上、携帯電話に適応した Web ページ効果を作成する必要があります。ようやく完成しました。まずは共有して記録しましょう。 実際、重要なのは HTML ページの宣言を変更することです。 次のコードを Web ページに追加すると、正常に表示されます。 コードをコピー コードは次のとおりです。<meta name="viewport" content="width=デバイス幅、初期スケール=1.0、ユーザースケーラブル=いいえ、最小スケール=1.0、最大スケール=1.0"/> 説明する： 幅 - ビューポートの幅 高さ - ビューポートの高さ initial-scale - 初期スケール minimum-scale - ユーザーがズームできる最小スケール 最大スケール - ユーザーがズームできる最大スケール ユーザースケーラブル - ユーザーが手動でスケールできるかどうか 簡略化するために、上記のコードを次のコードに変更すると、効果は同じになります。 コードをコピー コードは次のとおりです。<meta content="width=デバイス幅、ユーザースケーラブル=no" name="ビューポート"> 最後に、特定の幅属性を大きすぎる値に設定しないでください。たとえば、Web ページで Body の幅属性を 1000 ピクセルに設定することは絶対に適切ではありません。ただし、画面に適応する 90% に設定することはできます。 追記：携帯電話でも普通に表示できるエフェクトページを作りました。 |
<<: CSSは指定された長さの文字列を自動的にインターセプトし、末尾を表示します...FFブラウザをサポート
推薦する
大量のデータをMySQLにインポートする際に発生する問題と解決策の分析
プロジェクトでは、SQL を使用してデータ分析を実行するために、大量のデータをデータベースにインポー...
JavaScript オブジェクトからプリミティブ値への変換の詳細な説明
目次オブジェクトプロトタイプの値()オブジェクトプロトタイプtoString()シンボル.toPri...
Vueはログイン時に画像認証コードを実装します
この記事では、Vueログイン用画像認証コードの具体的なコードを例として紹介します。具体的な内容は以下...
@font-face を使用して Web ページに特殊文字を実装する (カスタム フォントを作成する)
数日前、CSS を使用して三角形の矢印を実装する方法について記事を書きました。 目的の効果は達成され...
Vue は Tencent TIM インスタント メッセージングを統合します
この記事では主に、Tencent TIM インスタント メッセージングを Vue と統合する方法を紹...
React Routerの歴史について簡単に説明します
React Router を理解したいなら、まず歴史を理解する必要があります。より具体的には、Rea...
JavaScript で DOM 要素を監視する MutationObServer の詳細
1. 基本的な使い方これは MutationObserver コンストラクターを通じてインスタンス化...
Nginx で WordPress 擬似静的を設定する方法の例
Baidu の擬似静的の説明を引用します。擬似静的は、実際の静的に相対的です。通常、検索エンジンの使...
Vue.js の watch メソッドと computed メソッドの違いの詳細な例
目次序文導入1. 作用機序2. 自然から3. 時計と計算の比較4. メソッドはデータロジックの関係を...
Docker で FastDFS をデプロイする方法
Dockerにfastdfsをインストールするディレクトリをマウント-v /e/fdfs/トラッカー...
フロントエンド開発一般マニュアル（ツール、Webサイト、経験などを含む）
今日は何もすることがなかったので、いくつかのツール（オンラインとクライアント）、よく使用する URL...
MySQL 8.0.22 のダウンロード、インストール、設定方法のグラフィックチュートリアル
参考までにMySQL 8.0.22をダウンロードしてインストールしてください。具体的な内容は次のとお...
フレームセットを使用して複雑なページレイアウトを実装するためのテクニックの概要
コードをコピーコードは次のとおりです。 <html> <!--混合フレームレイアウ...
MySQL 8.0.13 で日付を 0000-00-00 00:00:00 に設定すると発生する問題を解決する
データベース操作を学び始めたばかりです。今日、データを保存していたところ、エラーが発生していることに...
MySQL インデックスの原理と使用例の分析
この記事では、例を使用して MySQL インデックスの原理と使用方法を説明します。ご参考までに、詳細...