モバイルブラウザが位置をサポートしない場合の解決策: 修正

モバイルブラウザが位置をサポートしない場合の解決策: 修正

具体的な方法は以下の通りです。

CSSコード


コードをコピー
コードは次のとおりです。

.wap_bottom {
高さ: 60px;
幅: 100%;
位置: 固定;
zインデックス: 2;
下部: 0;
左: 0;
不透明度: 0.7;
}

HTMLコード


コードをコピー
コードは次のとおりです。
<div class="wap_bottom"> <a href="https://www.jb51.net" target="_blank"></a></div>

注: 一般的に、フロートを記述する場合、CSS で position: fixed; を使用して制御します。ただし、この方法はコンピューター側でのみ機能し、モバイル側では機能しません。その結果、モバイル ブラウザーを使用して Web ページを開くと、下部に表示されますが、下にスクロールするとフロートが追従しません。このとき、モバイル ブラウザーが position: fixed をサポートしていないというバグを解決するには、head の間に次のコードを追加する必要があります。


コードをコピー
コードは次のとおりです。
<meta name="viewport" content="width=デバイス幅、最小スケール=1.0、最大スケール=1.0、ユーザースケーラブル=いいえ">

<<:  JavaScript は最大値と最小値のアルゴリズムを通じて AI 三目並べゲームを実装します

>>:  パスワードログインなしのLinux構成スタンドアロンおよびフルディストリビューションの詳細なチュートリアル

推薦する

Alibaba Cloud Ubuntu 16.04でpptpdサービスを構築する方法

1. PPTP VPNを構築するには、ポート1723とGREプロトコルを開く必要があります。 1. ...

CSS 背景画像を設定するための 6 つの興味深いヒント

background-image は、おそらくすべてのフロントエンド開発者がキャリアの中で少なくとも...

mysql maxとwhere間の実行問題の概要

mysql maxとwhereの間の実行の問題SQLを実行します: テーブル「grades」を作成し...

Docker.v19 で Docker Compose オーケストレーション ツールをインストールして構成する方法

1. Compose の紹介Compose は、マルチコンテナ Docker アプリケーションを定義...

MySQL ロック制御同時実行方法

目次序文1. 楽観的ロックバージョンフィールドを追加する2. 悲観的ロック読み取りロック完全なテーブ...

画像の色を変更するための純粋なCSS

画像の色を変更するための CSS テクニックは非常にシンプルです。具体的なコードは次のとおりです。ヒ...

nginxとIISで使用できるSSL証明書を作成する

目次SSL証明書の作成1. 秘密鍵を生成する2. 証明書要求ファイルを生成する3. CRT証明書ファ...

MySQL データをエクスポートおよびインポートするための HeidiSQL ツール

場合によっては、SQL へのデータのエクスポートとインポートを容易にするために、特定のツールを使用し...

Vue フロントエンドの Excel ファイルのエクスポートの詳細な実装計画

目次1. 技術の選択2. 技術的な実装vue-json-excelプラグインを使用して実装1. vu...

CSS のみを使用して折りたたまれたヘッダー効果を作成する方法の例コード

折りたたまれたヘッダーは、特別オファーや重要なお知らせなど、ユーザーにとって重要な情報を表示するのに...

Linux サーバーで MySQL リモート接続を有効にする方法

序文以前の非MKレコードを再編成するためのMySQLの学習説明する有効になっていない場合、データベー...

JavaScript フロー制御 (分岐)

目次1. プロセス制御2. シーケンシャルプロセス制御3. 分岐フロー制御if文1. 支店構造2. ...

MySql8.0 のトランザクション分離レベルエラーの問題を解決する

目次MySql8.0 トランザクション分離レベルエラーの表示質問コマンドは次のように変更されますMy...

モバイルの赤い封筒の雨機能ページを実装するための JavaScript HTML

この記事の例では、モバイル紅包雨機能ページを実現するためのHTMLの具体的なコードを共有しています。...