Lösung für mobile Browser, die die Position nicht unterstützen: Fix

Lösung für mobile Browser, die die Position nicht unterstützen: Fix

Die konkrete Methode ist wie folgt:

CSS Code


Code kopieren
Der Code lautet wie folgt:

.wap_bottom {
Höhe: 60px;
Breite: 100 %;
Position: fest;
Z-Index: 2;
unten: 0;
links: 0;
Deckkraft: 0,7;
}

HTML Quelltext


Code kopieren
Der Code lautet wie folgt:
<div class="wap_bottom"> <a href="https://www.jb51.net" target="_blank"></a></div>

Hinweis: Wenn Benutzer einen Float schreiben, verwenden sie im Allgemeinen position: fixed; in CSS, um ihn zu steuern. Diese Methode funktioniert jedoch nur auf der Computerseite, nicht jedoch auf der mobilen Seite. Der Effekt besteht darin, dass beim Öffnen der Webseite mit einem mobilen Browser diese unten angezeigt wird, der Float jedoch beim Scrollen nach unten nicht folgt. Zu diesem Zeitpunkt müssen Sie den folgenden Code zwischen den Kopfzeilen hinzufügen, um den Fehler zu beheben, dass der mobile Browser position: fixed nicht unterstützt.


Code kopieren
Der Code lautet wie folgt:
<meta name="viewport" content="width=Gerätebreite,Minimalmaßstab=1.0,Maximalmaßstab=1.0,Benutzerskalierbar=nein">

<<:  JavaScript implementiert ein KI-Tic-Tac-Toe-Spiel durch den Maximum- und Minimum-Algorithmus

>>:  Linux-Konfiguration ohne Passwort-Login, eigenständige und vollständige Distribution, ausführliches Tutorial

Artikel empfehlen

So ändern Sie das Root-Passwort von Mysql5.7.10 auf dem MAC

Starten Sie MySQL zunächst im Skip-Grant-Tables-M...

MySQL-Code zur Implementierung der Sequenzfunktion

MySQL implementiert Sequenzfunktion 1. Erstellen ...

So erhalten Sie die Schnittmenge/Differenz/Vereinigung zweier Mengen in MySQL

Typische MySQL-Szenarien: Schnittmenge und Differ...

Analyse der vernachlässigten DOCTYPE-Beschreibung

Doctype ist einer davon: <!DOCTYPE HTML PUBLIC ...

JavaScript Canvas-Textuhr

In diesem Artikelbeispiel wird der spezifische Co...

Implementierungscode zur Verwendung der MongoDB-Datenbank in Docker

Holen Sie sich das Mongo-Image sudo docker pull m...

Ausführliches Tutorial zur Installation von Deepin in VMware15 (Bild und Text)

Vorwort Die Benutzeroberfläche von Deepin sieht w...

Detaillierte Erklärung der Docker-Datenspeichervolumes

Standardmäßig erfolgt das Lesen und Schreiben von...

Grundlegendes Lernen und Erfahrungsaustausch zu MySQL-Transaktionen

Eine Transaktion ist eine logische Gruppe von Ope...

Bedingtes Rendering von Vue (v-if und v-show)

Inhaltsverzeichnis 1. v-wenn 2. Verwenden Sie v-i...