モバイル ブラウザのビューポート パラメータ (Web フロントエンド デザイン)
|
モバイル ブラウザは、Web ページを仮想の「ウィンドウ」(ビューポート) に配置します。このウィンドウは通常、画面よりも幅が広くなっています。このため、各 Web ページを小さなウィンドウに押し込む必要がなくなります (モバイル ブラウザ用に最適化されていない Web ページのレイアウトが崩れる恐れがあります)。ユーザーは、パンやズームによって Web ページのさまざまな部分を表示できます。 Safari のモバイル バージョンでは最近、ビューポート メタ タグが導入され、Web 開発者はビューポートのサイズとスケーリングを制御できるようになりました。他のモバイル ブラウザーも基本的にこれをサポートしています。 ビューポートの基本 モバイル向けに最適化されたページでよく使用されるビューポート メタ タグは次のようになります。 <meta name=”viewport” content=”width=デバイス幅、初期スケール=1、最大スケール=1″> width: ビューポートのサイズを制御します。600 などの値、またはデバイスの幅 (100% に拡大した場合の CSS ピクセル単位) である device-width などの特殊な値を指定できます。 height: 幅に対応して高さを指定します。 initial-scale: 初期ズーム比、つまりページが初めて読み込まれたときのズーム比。 最大スケール: ユーザーがズームできる最大スケール。 minimum-scale: ユーザーがズームできる最小スケール。 ユーザースケーラブル: ユーザーが手動で画像を拡大縮小できるかどうか。はいまたはいいえ |
推薦する
MySQLのREDOログ（リドゥログ）とロールバックログ（アンドゥログ）の詳しい説明
序文：前回の記事では、MySQL システムでよく使用されるログをいくつか説明しました。実は、トランザ...
Linuxシステムの操作レベルの詳細な紹介
目次1. Linuxシステムの操作レベルの概要2. 実行レベルを確認する3. 現在のシステムの動作レ...
Dockerはコード検出プラットフォームSonarQubeを構築し、Mavenプロジェクトのプロセスを検出します
1 はじめに優れたコーディング習慣は優れたプログラマーが備えるべき資質ですが、コードの品質を保証する...
Node.jsはブレークポイント再開を実装する
目次ソリューション分析スライス履歴書のダウンロード具体的な解決プロセス論理的分析フロントエンドサーバ...
純粋な CSS で実装された 3 つの通知バーのスクロール効果
序文通知バー コンポーネントは、比較的一般的なコンポーネントです。基本的に、すべてのサイトにこのよう...
MySQL 結合テーブルクエリの基本操作 左結合のよくある落とし穴
概要中小規模のプロジェクトでは、特にレポートを作成するときに、結合テーブル クエリが非常に一般的な操...
CentOS インストール mysql5.7 詳細チュートリアル
この記事では、参考までに、centOSにmysql5.7をインストールする詳細な手順を紹介します。具...
CSS 画像アニメーション効果のサンプルコード（フォトフレーム）
この記事では、CSS 画像アニメーション効果（フォトフレーム）のサンプルコードを紹介し、皆さんと共有...
VueのkeepAliveコンポーネントの機能と使い方の詳細な説明
序文面接中、多くの面接官は「keep-alive が何をするのか知っていますか?」と質問する際に V...
JS ES6 非同期ソリューション
目次最初にコールバック関数を使用するes6 非同期処理モデルこの非同期モデルに合わせたAPI: pr...
mysql5.7.21.zip インストールチュートリアル
mysql5.7.21 zipの詳細なインストール手順は次のとおりです。 1. 解凍して指定されたデ...
MySQL データベースは SQL ステートメントを知っている必要があります (拡張バージョン)
拡張版です。質問とSQL文は以下の通りです。ユーザー テーブルを作成し、id、name、gender...
MySQL マスター/スレーブ ステータスを監視するシェル スクリプト
Linuxでシェルスクリプトを共有して、MySQLのマスタースレーブ状態を監視し、エンタープライズW...
MySQL データベースでよく使用される SQL ステートメントの詳細と概要
この記事では、MySQL データベースでよく使用される SQL ステートメントを例を使用して説明しま...
HTML 選択タグにおける単一選択と複数選択の詳細な説明
select 要素は、単一選択または複数選択のメニューを作成します。フォームが送信されると、ブラウザ...