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

Beispielerklärung der Alarmfunktion in Linux

Einführung in die Linux-Alarmfunktion Oben genann...

Eine kurze Analyse der Probleme mit JS-Originalwerten und Referenzwerten

Primitive Werte -> primitive Typen Number Stri...

Mehrere Möglichkeiten zum Zentrieren einer Box in der Webentwicklung

1. Notieren Sie mehrere Methoden zum Zentrieren d...

Dieser Artikel zeigt Ihnen das Prinzip der MySQL Master-Slave-Synchronisation

Inhaltsverzeichnis Kurze Analyse des MySQL Master...

Praxis des El-Cascader-Kaskadenselektors in ElementUI

Inhaltsverzeichnis 1. Wirkung 2. Hauptcode 1. Wir...

Detaillierte Erläuterung der JavaScript-Programmschleifenstruktur

Inhaltsverzeichnis Struktur auswählen Schleifenst...

Einrichten eines Proxyservers mit nginx

Nginx kann seine Reverse-Proxy-Funktion zum Imple...

Einführung in die Verwendung von this in HTML-Tags

Zum Beispiel: Code kopieren Der Code lautet wie fo...

So erhalten und verwenden Sie die Zeit im Linux-System

Es gibt zwei Arten von Linux-Systemzeiten. (1) Ka...