モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します
|
仕事上、携帯電話に適応した 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ブラウザをサポート
推薦する
Linux での MySQL 5.7.17 の最新安定バージョンのインストール チュートリアル
ソースコードを通じて Linux に最新の安定バージョンの MySQL をインストールします: my...
Tomcat をサービスとして登録する際に注意すべき点のまとめ
Tomcat をサービスとして登録する場合の注意点は次のとおりです。 インターフェースを開いたら、以...
B2C ウェブサイトのユーザー エクスペリエンスの詳細設計リファレンス
最近、Apple.com/Ebay.com/Amazon.com/shopping.yahoo.co...
MySQL 無料インストール版 (zip) のインストールと設定の詳細なチュートリアル
この記事では、MySQL無料インストール版（zip）のインストールと設定のチュートリアルを参考までに...
ホバー画像のポップアウトポップアップ効果を実現するための純粋な CSS のサンプルコード
実施原則メイングラフィックは、背景と前景の 2 つの要素で構成されています。次のサンプルコードでは、...
Tomcatはスレッドプールを使用してリモート同時リクエストを処理します。
Tomcatが同時リクエストを処理する方法を理解することで、スレッドプール、ロック、キュー、および...
タグのhref属性とonclickイベントの使用例
a タグは主にページ ジャンプを実装するために使用され、これは href 属性または onclick...
IdeaはリモートDockerをデプロイし、ファイルを構成する
1. LinuxサーバーのDocker構成ファイルを変更する vim /usr/lib/system...
Alibaba Cloud Server Ubuntu 上の Workbench が MySQL に接続できない問題の解決策 (テスト済み)
過去 2 日間、ワークベンチが Alibaba Cloud Server に接続できない問題を解決す...
mysql5.7.18のインストールと初期パスワードの変更方法
CentosでのMySQLのインストールについては、以前の記事を参照してください。 Centos7....
Element-ui NavMenuサブメニューを使用して再帰的に生成する場合のエラーの詳細な説明
ナビゲーションバーのサブメニューを再帰的に生成すると、メニューは正常に生成できるが、マウスをホバーす...
JavaScript が Xiaomi のカルーセル効果を模倣
この記事は、透明度を変えてカルーセルにするXiaomiカルーセルを真似て書いたものです。初心者なので...
ドキュメントの場所の比較
<br />2 年前に PPK が投稿した素晴らしいブログ記事では、contains()...
mysqlタイムスタンプの使用
序文：タイムスタンプ フィールドは、MySQL でよく使用されます。たとえば、データ行が作成または変...
ページネーションの例とベストプラクティス
<br />構造と階層により複雑さが軽減され、読みやすさが向上します。記事やサイトが整理...