Maison  >  Article  >  interface Web  >  Y a-t-il des problèmes de compatibilité avec VW en CSS ?

Y a-t-il des problèmes de compatibilité avec VW en CSS ?

WBOY
WBOYoriginal
2022-04-27 18:05:443483parcourir

Il y a un problème de compatibilité avec vw en CSS. Compatibilité de vw : 1. Sur les ordinateurs de bureau, vw est compatible avec Chrome26, Firefox19, Safari6.1, IE10 et Opera15 et supérieur ; 2. Sur les appareils mobiles, vw est compatible avec Android4.4 et iOS8 et supérieur.

Y a-t-il des problèmes de compatibilité avec VW en CSS ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Y a-t-il un problème de compatibilité avec vw en css

PC de bureau

Chrome : Parfaitement supporté depuis la version 26 (février 2013)

Firefox : Parfaitement supporté depuis la version 19 (janvier 2013)

Safari : Parfaitement supporté depuis version 6.1 (octobre 2013)

Opera : Parfaitement supporté depuis la version 15 (juillet 2013)

IE : Depuis IE10 (y compris Edge) il n'est que partiellement supporté jusqu'à présent (vmax n'est pas supporté, et vm remplace vmin)

Appareils mobiles

Android : Parfaitement pris en charge depuis la version 4.4 (décembre 2013)

iOS : Parfaitement pris en charge depuis la version iOS8 (septembre 2014) .

Connaissances étendues :

(1) vw, vh, vmin, vmax sont unités de fenêtre et unités relatives. Ce n'est pas relatif au nœud parent ou au nœud racine de la page. Elle est déterminée par la taille de la fenêtre d'affichage. L'unité est 1, ce qui signifie quelque chose comme 1 %.

La fenêtre d'affichage est la zone dans laquelle votre navigateur affiche réellement le contenu - en d'autres termes, votre navigateur Web sans barres d'outils ni boutons.

(2) La description spécifique est la suivante :

  • vw : le pourcentage de la largeur de la fenêtre (1vw représente 1% de la largeur de la fenêtre)

  • vh : le pourcentage de la hauteur de la fenêtre

  • vmin : entre le vw et le vh actuels. La plus petite valeur

  • vmax : la plus grande valeur du vw et du vh actuels

La différence entre vw, vh et % pourcentage

(1) % est le paramètre de taille par rapport à l'élément parent. Les ratios de vw et vh sont déterminés par la taille de la fenêtre.

(2) L'avantage de vw et vh est qu'ils peuvent obtenir directement la hauteur. Cependant, l'utilisation de % ne peut pas obtenir correctement la hauteur de la zone visible sans régler la hauteur du corps, c'est donc un bon avantage.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn