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

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

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

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

推薦する

Vue カプセル化コンポーネント アップロード画像コンポーネント

この記事の例では、参考のためにvueアップロード画像コンポーネントの具体的なコードを共有しています。...

Redhat 8.0 システムのインストール方法に関するグラフィック チュートリアル (初心者には必須)

目次1. はじめに2. インストール01. 新しい仮想マシンを作成する02. システムをインストール...

データ URI スキームを使用して Web ページに画像を埋め込む方法の紹介

データ URI スキームを使用すると、HTML、CSS、Javascript などで使用できるインラ...

MySQL マスタースレーブレプリケーションの原理と注意点

前面に書かれた最近、Mycat で特別なトピックを書いています。最近、多くの友人が面接に出かけている...

MySQLは文字列関数のSQL文をインターセプトします

1. left(name,4)は左の4文字をインターセプトしますリスト: SELECT LEFT(2...

計算プロパティとリスナーの詳細

目次1. 計算されたプロパティ1.1 基本的な例1.2 計算プロパティキャッシュとメソッド1.3 計...

ウェブサイトデザインに関するヒント

実は、最近はウェブデザインについてよく耳にするようになりました。インターネット業界は今とても発展して...

MySQL DDLステートメントの使用

序文SQL の言語分類には主に以下の種類があります。 DDLデータ定義言語作成、削除、変更データ定義...

Vueでシングルサインオンを実装する方法のまとめ

最近プロジェクトが中断され、RageFrame の研究は一時的に終了しました。この記事では、シングル...

弾幕効果を実現するためのjQuery

この記事では、弾幕効果を実現するためのjQueryの具体的なコードを参考までに共有します。具体的な内...

Linux ディスクのシーケンシャル書き込みとランダム書き込みの方法

1. はじめに● ランダム書き込みではヘッドがトラックを頻繁に変更するため、効率が大幅に低下します。...

一般的な Linux ディストリビューションのミラーソース構成の概要

最近 Linux を研究していて、いくつかの Linux ディストリビューションを試してみましたが、...

MySQL の条件文で 1 つの情報しか読み取れない問題に対する 2 つの解決策

今日、私の同僚が MYSQL クエリ ステートメントの作成時に非常に奇妙な問題に遭遇しました。MyS...

MySQLの暗黙的な変換問題の解決

1. 問題の説明 root@mysqldb 22:12: [xucl]> テーブル t1\G ...

Mysql 日付クエリの詳細な紹介

現在の日付を照会する CURRENT_DATE() を選択します。 CURDATE() を選択する;...