モバイル ブラウザは、Web ページを仮想の「ウィンドウ」(ビューポート) に配置します。このウィンドウは通常、画面よりも幅が広くなっています。このため、各 Web ページを小さなウィンドウに押し込む必要がなくなります (モバイル ブラウザ用に最適化されていない Web ページのレイアウトが崩れる恐れがあります)。ユーザーは、パンやズームによって Web ページのさまざまな部分を表示できます。 Safari のモバイル バージョンでは最近、ビューポート メタ タグが導入され、Web 開発者はビューポートのサイズとスケーリングを制御できるようになりました。他のモバイル ブラウザーも基本的にこれをサポートしています。 ビューポートの基本 モバイル向けに最適化されたページでよく使用されるビューポート メタ タグは次のようになります。 <meta name=”viewport” content=”width=デバイス幅、初期スケール=1、最大スケール=1″> width: ビューポートのサイズを制御します。600 などの値、またはデバイスの幅 (100% に拡大した場合の CSS ピクセル単位) である device-width などの特殊な値を指定できます。 height: 幅に対応して高さを指定します。 initial-scale: 初期ズーム比、つまりページが初めて読み込まれたときのズーム比。 最大スケール: ユーザーがズームできる最大スケール。 minimum-scale: ユーザーがズームできる最小スケール。 ユーザースケーラブル: ユーザーが手動で画像を拡大縮小できるかどうか。はいまたはいいえ |
1.html <div class="ログインボディ"> <...
具体的な方法は以下の通りです。 CSSコードコードをコピーコードは次のとおりです。 .wap_bot...
1. クラスター化インデックステーブル データはインデックスの順序で保存されます。つまり、インデック...
type="radio" や type="checkbox"...
1. MyISAM ストレージエンジン欠点:トランザクションはサポートされていません最小粒度ロック:...
vue-routerには2つのモードがありますハッシュモード履歴モード1. シングルページアプリケー...
ハイパーリンク。「リンク」とも呼ばれます。ハイパーリンクは、私たちが閲覧する Web ページのいたる...
序文Nginxの組み込みモジュールは、同時リクエスト数の制限とリクエストのソースの制限をサポートして...
データは貴重なものであることは誰もが知っています。データをバックアップしなければ、データをそのまま放...
Deepin 2014 のダウンロードとインストールDeepin 2014 のダウンロードとインスト...
目次1.1 前提条件としてのJava環境1.2 Zookeeperのインストールと設定1.3 Kaf...
序文最近、仕事の都合で、約 1000w の大量のデータを MySQL に挿入する必要があり、時間がか...
この記事では、Excelテーブルプラグインを導入するVueの具体的なコードを参考までに共有します。具...
目次1. 関数パラメータのデフォルト値1.1 関数パラメータのデフォルト値の指定1.2 分離割り当て...
目次1. 関連するbinlog設定2. binlogに関する詳細設定2.1 バイナリログモードの変更...