モバイル ブラウザのビューポート パラメータ (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 全体または単一のテーブルデータのエクスポート
単一のテーブルをエクスポートするmysqldump -u ユーザー -p db名 テーブル名 >...
VirtualBox での CentOS 8.1 仮想マシンのインストールを最小限に抑える詳細なチュートリアル
1. 関連ツールと画像をダウンロードするダウンロードリンクバーチャルボックス: https://do...
Linuxのdateコマンドの使用
1. コマンドの紹介date コマンドは、現在の時刻または指定された時刻を指定された形式で表示するた...
Vue+Springbootでインターフェースシグネチャを実装するためのサンプルコード
1. 実装のアイデアインターフェース署名の目的は、リクエストパラメータが改ざんされていないか、リクエ...
Dockerイメージを構築する2つの方法
目次既存のイメージからイメージを更新します。イメージを最初から構築する: Docker イメージ リ...
Linuxで同一ファイルを見つける方法
コンピュータを使用すると、システム内に大量のゴミが生成されます。最も一般的なケースは、同じファイルが...
HTMLで境界線を設定する3つの方法の詳細な説明
HTML で境界線を設定する 3 つの方法 境界線の幅: 1px 2px 2px; 境界線のスタイル...
MySQL累積計算実装方法の詳しい説明
目次序文需要分析MySQL ユーザー変数累積計算にMysqlユーザー変数を使用する要約するこの記事で...
Linuxシステムにおけるプロセス管理の詳細な説明
目次1. プロセスとスレッドの概念2. プロセス管理とは何ですか? 3. プロセス管理の役割4. L...
vue-video-player でのブレークポイント再開の実装
最近のプロジェクトでは、ブレークポイントからビデオの再生を再開する機能を実装する必要がありました。こ...
MySQL 5.7.24 圧縮パッケージのインストールと設定方法のグラフィックチュートリアル
この記事では、参考までにMySQL 5.7.24圧縮パッケージのインストールチュートリアルを紹介しま...
検証コードケースのjs実装
この記事の例では、検証コードを実装するためのjsの具体的なコードを参考までに共有しています。具体的な...
MySQL5.7 マスタースレーブ構成例の分析
MySQL5.7マスタースレーブ構成の実装方法、具体的な内容は次のとおりですインストール環境:マスタ...
Vue でのルーティングパラメータの受け渡しとクロスコンポーネントパラメータの受け渡しの詳細な説明
ルートジャンプ this.$router.push('/course'); this...
モバイルデバイスにおける適応レイアウトの問題に関する簡単な説明 (レスポンシブ、rem/em、Js ダイナミクス)
3G の普及により、携帯電話を使ってインターネットにアクセスする人が増えています。モバイル デバイ...