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

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

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

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構成スタンドアロンおよびフルディストリビューションの詳細なチュートリアル

推薦する

各グループの最新データを取得するためにMySQLベースのグループを実装する

序文:グループ化関数はグループ内の最初のデータを取得しますが、各グループ内の最新のデータを取得する必...

VMware マルチノード環境を構成する方法

このチュートリアルでは CentOS 7 64 ビットを使用します。各仮想マシンに 2GB のメモリ...

Reactでカスタムフックを作成する方法を教えます

1. カスタムフックとは何かロジックの再利用簡単に言えば、カスタム フックを使用すると、特定のコンポ...

CocosCreatorオブジェクトプールの使い方

目次序文:特定の操作ステップ1: プレハブを準備するステップ2: オブジェクトプールを初期化するステ...

docker イメージのプル速度が遅い問題の解決策

現在、Docker には中国向けの公式ミラーがあります。詳細については、https://www.do...

Nest.js パラメータ検証とカスタム戻りデータ形式の詳細な説明

0x0 パラメータ検証Nest.jsでは、パラメータ検証業務のほとんどをパイプライン方式で実装してい...

最新の人気スクリプトAutojsソースコード共有

今日は、最新の人気スクリプト 50 個を含むソース コードを共有します。現在、Mine Guard ...

MySQL 8.0 ディクショナリテーブル拡張の詳細な説明

MySQL のデータ ディクショナリは、データベースの重要なコンポーネントの 1 つです。INFOR...

MySQL を解凍してインストールおよび完全に削除する方法の詳細なグラフィック説明

1. MySQLをインストールする(1)ダウンロードしたMySQLの圧縮ファイルをMySQLをインス...

MySQL のグループ分けの例

mysql のような php switch case ステートメント。 xxフィールドを選択、ケース...

MySQL で大文字と小文字を区別しないように設定する方法

mysql は大文字と小文字を区別しないように設定されていますウィンドウズmysqlがインストールさ...

RHCE ブリッジング、パスワード不要のログイン、ポート番号の変更の概要

目次1. ブリッジを設定し、検証のためにパケットをキャプチャする1. ブリッジデバイスとセッションを...

要素の円弧モーションを実現する CSS3 サンプルコード

CSS を使用して要素の円弧の動きを制御する方法CSS3 の新しい属性 transfrom トランジ...

Vue はフォームデータ検証のサンプルコードを実装します

el-form フォームにルールを追加します。データにルールを定義する定義されたルールをel-for...

LinuxデバッガGDBの基本的な使い方の詳細な説明

目次1. 概要2. gdbデバッグ2.1. ブレークポイントを設定する2.1.1. ブレークポイント...