Es gibt ein Kompatibilitätsproblem mit vw im CSS. Kompatibilität von vw: 1. Auf Desktop-PCs ist vw mit Chrome26, Firefox19, Safari6.1, IE10 und Opera15 und höher kompatibel. 2. Auf mobilen Geräten ist vw mit Android4.4 und iOS8 und höher kompatibel.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Desktop-PC
Chrome: Perfekt unterstützt seit Version 26 (Februar 2013)
Firefox: Perfekt unterstützt seit Version 19 (Januar 2013)
Safari: Perfekt unterstützt seit Version 6.1 (Oktober 2013)
Opera: Perfekt unterstützt seit Version 15 (Juli 2013)
IE: Seit IE10 (einschließlich Edge) wird es bisher nur teilweise unterstützt (vmax wird nicht unterstützt und vm ersetzt vmin)
Mobilgeräte
Android: Perfekt unterstützt seit Version 4.4 (Dezember 2013)
iOS: Perfekt unterstützt seit iOS8-Version (September 2014) .
Erweiterte Kenntnisse:
(1) vw, vh, vmin, vmax sind Fenstereinheiten und relative Einheiten. Es ist nicht relativ zum übergeordneten Knoten oder zum Stammknoten der Seite. Sie wird durch die Größe des Ansichtsfensters bestimmt. Die Einheit ist 1, was etwa 1 % bedeutet.
Der Ansichtsbereich ist der Bereich, in dem Ihr Browser tatsächlich Inhalte anzeigt – mit anderen Worten, Ihr Webbrowser ohne Symbolleisten und Schaltflächen.
(2) Die spezifische Beschreibung lautet wie folgt:
vw: der Prozentsatz der Fensterbreite (1vw stellt 1 % der Breite des Fensters dar)
vh: der Prozentsatz der Fensterhöhe
vmin: zwischen dem aktuellen vw und vh Der kleinere Wert
vmax: Der größere Wert des aktuellen vw und vh
Die Differenz zwischen vw, vh und % Prozentsatz
(1) % beträgt die Größeneinstellung relativ zum übergeordneten Element. Die Verhältnisse von vw und vh werden durch die Größe des Fensters bestimmt.
(2) Der Vorteil von vw und vh besteht darin, dass sie die Höhe direkt ermitteln können. Allerdings kann die Verwendung von % die Höhe des sichtbaren Bereichs nicht korrekt ermitteln, ohne die Körperhöhe festzulegen, daher ist dies ein guter Vorteil.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonGibt es Kompatibilitätsprobleme mit vw in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
