Lorsqu'il s'agit de pages mobiles, nous devons parfois transformer l'image de la bannière en un carré de la même largeur que l'écran pour obtenir la meilleure expérience, comme la page mobile de Flipbord : alors, comment devrions-nous utiliser du CSS pur pour créer un la bannière ? Qu'en est-il de la taille du carré ? Solution 1 : unité vw CSS3 CSS3 ajoute un nouvel ensemble d'unités de longueur vw, vh, vmin, vmax par rapport au pourcentage de la zone visible. où vw est l'unité relative au pourcentage de la largeur de la fenêtre, 1vw = 1 % de la largeur de la fenêtre, vh est l'unité relative au pourcentage de la hauteur de la fenêtre, 1vh = 1 % de la hauteur de la fenêtre, vmin est la plus petite par rapport à l'actuelle ; largeur et hauteur de la fenêtre d'affichage. Unité de pourcentage, de même, vmax est l'unité de pourcentage qui est plus grande que la largeur et la hauteur actuelles de la fenêtre d'affichage. La compatibilité du navigateur de cette unité est la suivante : En utilisant l'unité vw, nous pouvons facilement créer des carrés adaptatifs :
&n1 <.>Introduction détaillée au cas de l'utilisation de CSS pur pour implémenter des carrés adaptatifs
Introduction : Lorsqu'il s'agit de Page des terminaux mobiles, on a parfois besoin de transformer l'image de la bannière en un carré de même largeur que l'écran pour obtenir la meilleure expérience, comme la page mobile de Flipbord : Alors comment utiliser du CSS pur pour faire un carré qui puisse s'adapter à la taille ? Option 1 : CSS3 vw unité CSS3...
2 Explication détaillée de la nouvelle unité (vw) en css3
.
Introduction : unité CSS3vw PasteImage.png100vw=100% largeur de fenêtre 100vh=100% hauteur de fenêtre De cette façon, implémentez un carré adaptatif (un conteneur avec une hauteur fixe. format d'image) sera assez simple ! [lang=stylus].boxwidth10vwheight10vw Puisqu'il s'agit d'une nouvelle unité, il y aura inévitablement des problèmes de compatibilité.[lang=jade].imgboximg(src="img/a.png")[lang= stylus].imgboxwidt...
3. Introduction aux bibliothèques Python courantes
Introduction : IPython + ptpython, une expérience parfaite. Installez d'abord pip, installez ipython ptpython, puis utilisez ptipython 1. IPython est un outil d'amélioration Python très puissant. Fonction d'auto-complétion de type IDE. 3. Lorsque vous êtes dans la commande Lorsque vous entrez dans pyipython, les fonctions des deux sont combinées, ce qui est extrêmement puissant ! virtualenv + virtualenvwrappe
4. Comment utiliser la nouvelle unité CSS vw, vh en responsive design
Introduction : Cet article explique en détail comment utiliser les nouvelles unités CSS vw et vh en responsive design
Respectif. introduction de « vh » et « vw » dans les unités CSS mobiles
Introduction : Cet article présente les introduction de "vh" et "vw" dans les unités CSS mobiles
6 Un exemple de la façon d'utiliser CSS pour maintenir les proportions du contenu de la page
Introduction : Cet article présente principalement comment utiliser CSS pour maintenir les proportions du contenu de la page. L'auteur a cité des exemples de. différentes méthodes telles que les pseudo-éléments et les unités vw, les amis dans le besoin peuvent se référer à
7
L'ensemble du processus de création d'un environnement Python virtuel indépendant sous Ubuntu
Introduction : virtualenv peut créer un environnement python virtuel et indépendant, qui peut rendre chaque environnement de projet indépendant des autres projets, garder l'environnement propre et résoudre les problèmes de conflits de packages. Cet article décrit comment créer un environnement virtuel Python sous Linux et Ubuntu, ainsi que l'installation et l'utilisation de Virtualenvwrapper. Les amis dans le besoin peuvent s'y référer. 8. (Avancé) PHP génère un numéro de carte de membre unique Introduction : Nous utilisons 0-Z (0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ) pour représenter les valeurs 0-35 respectivement, comme la lettre Z représentant 35. Dans ce cas, je souhaite obtenir un nombre à 5 chiffres. La quantité maximale d'informations est de 36 élevée à la puissance cinq, 36^5 = 60466176, c'est-à-dire que le nombre maximum à 5 chiffres équivaut à un nombre décimal : 60466176. . 9. Comment installer virtualenv et virtualenvwrapper en python
Introduction : L'éditeur ci-dessous vous proposera un article sur la façon d'installer virtualenv et virtualenvwrapper en Python. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un coup d'œil 10 Comment installer virtualenv et virtualenvwrapper en python Introduction : L'éditeur ci-dessous vous proposera un article sur la façon d'installer virtualenv et virtualenvwrapper en Python. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Venez jeter un œil avec l'éditeur [Recommandations de questions et réponses associées] : javascript - Je ne veux plus faire de WeChat h5. Quel est le cœur de WeChat ? Pourquoi n'est-il jamais mis à niveau ? python - Idées de sauvegarde pour l'environnement virtualenvwrapper ? pip - problème python virtualenvwrapper php - mysql "PAGER défini sur stdout" comment extraire les données
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!