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

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

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

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

推薦する

Vue3 でサードパーティのコンポーネントライブラリをオンデマンドでロードする方法

序文Element Plus を例に、コンポーネントとスタイルのオンデマンド読み込みを構成します。環...

MySQLを使用して列内の異なる値の数をカウントする例

序文この記事で実装されている要件は、実際には非常に一般的です。たとえば、ユーザーが登録したチャネルを...

MySQL の最適化: InnoDB の最適化

勉強の計画は簡単に中断され、継続するのが困難です。先日、社内で事業の方向性を調整するための会議があり...

関連するプロパティのリストを含む HTML エリア イメージ ホットスポットの使用の概要

<area> タグは主にイメージマップで使用されます。イメージマップにアクティブ領域 (...

Vue イメージ ドラッグ アンド ドロップ ズーム コンポーネントの使用方法の詳細な説明

Vueイメージドラッグアンドドロップズームコンポーネントの具体的な使い方は参考までに。具体的な内容は...

JSは円形のプログレスバーのドラッグとスライドを実装します

この記事の例では、円形のプログレスバーのドラッグアンドスライドを実現するための具体的なJSコードを紹...

Windows での MySQL 8.0.11 インストール チュートリアル

この記事は、WindowsでのMySQL 8.0.11のインストールチュートリアルを記録しています。...

nuxt.js 複数の環境変数の設定

目次1. はじめに2. シナリオ3. 環境を整える3.1 環境変数の挿入4. 最後に1. はじめに一...

HTMLページがincludeを使用してphpファイルをインポートした後に余分な空白行があります

インターネットで見つけた方法は効果的ですinclude によって導入されたフッター ファイルとヘッダ...

フロントエンドの vue+express ファイルのアップロードとダウンロードの例

新しいserver.jsを作成する糸初期化 -y 糸を追加エクスプレスノードモン -D var ex...

Gitコミットログの変更方法のまとめ

ケース1: 最後の提出とプッシュなし次のコマンドを実行します。 git コミット --amend g...

最もよく使用されるJavaScriptイベントについて詳しく学ぶ

目次JavaScript イベント:よく使用されるイベント:イベントアクション要約するJavaScr...

Linux サーバー上の hosts ファイル構成の詳細な説明

Linux サーバーのホスト ファイルの構成hosts ファイルは、Linux システム内の IP ...

Mysql の主キー インデックスと非主キー インデックスの違いについて簡単に説明します。

目次インデックスとは何か主キーインデックスと通常のインデックスの違いインデックスにはどのデータ構造が...