モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します
|
仕事上、携帯電話に適応した 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ブラウザをサポート
推薦する
シンプルなプログレスバーを作成するための HTML+CSS
1. HTMLコードコードをコピーコードは次のとおりです。経験値: <span class=...
複数のフィールドをグループ化するMySQLグループ
日常の開発タスクでは、データ テーブル内のグループ化フィールドに基づいて統計データを取得するために、...
Rancher で Kubernetes 用の標準化された VMware イメージを構築する方法
Kubernetes を学習するときは、Kubernetes 環境で練習する必要があります。ただし、...
ソケット '/tmp/mysql.sock' 経由でローカル MySQL に接続できない解決策
エラーメッセージ:エラー 2002: ソケット '/tmp/mysql.sock' ...
Linux ファイアウォール設定の詳細な手順 (yum ウェアハウス設定に基づく)
序文この実験では、デバッグ用に2つの仮想マシン（CentOs6とRed Hat 6）を準備します。 ...
blockquote タグの使用に関する注意
<br />セマンティクス化は一言で説明することはできないし、まだ公式かつ厳密な定義もあ...
ディスク容量不足による MySQL レプリケーション障害の解決方法
目次ケースシナリオ問題を解決するまとめケースシナリオ本日、オンラインで問題が発見されました。監視範囲...
MySQLでよく使われる4つのストレージエンジンについて簡単に説明します。
よく使われる4つのMySQLエンジンの紹介（１）：MyISAMストレージエンジン：トランザクションや...
Docker可視化管理ツールであるDocker UIの使用
1. DockerUIの紹介DockerUI は Docker API をベースとしており、Dock...
Docker で SVN サーバーを構築するチュートリアル
SVN は Subversion の略称で、ブランチ管理システムを使用して効率的に管理するオープンソ...
Nginx と GeoIP モジュールを使用して IP の地域情報を読み取る方法
LinuxにGeoIPをインストールする yum で nginx-module-geoip をインス...
Baidu Union 環境での広告スキル (グラフィック チュートリアル)
最近、製品部門のユーザーエクスペリエンスチームの学生は、アライアンス環境における広告に関する一連の研...
Dockerコンテナとホスト間のデータ相互作用の概要
序文実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共...
MySQL における datetime と timestamp の違いと選択
目次1 違い1.1 スペース占有1.2 表現範囲1.3 タイムゾーン2 テスト3つの選択肢MySQL...
innodb_flush_method 値メソッド (例の説明)
innodb_flush_methodのいくつかの典型的な値 fsync: InnoDB は fs...