Heim  >  Artikel  >  Web-Frontend  >  Gibt es Kompatibilitätsprobleme mit vw in CSS?

Gibt es Kompatibilitätsprobleme mit vw in CSS?

WBOY
WBOYOriginal
2022-04-27 18:05:443493Durchsuche

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.

Gibt es Kompatibilitätsprobleme mit vw in CSS?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Gibt es Kompatibilitätsprobleme mit VW in CSS?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn