Itqualityassurance
La raison principale de l'utilisation de l'EM ou des pourcentages est de permettre à l'utilisateur de modifier la taille du texte sans casser la conception. Si vous concevez avec des polices spécifiées en PX, elles ne changent pas de taille (dans IE 6 et autres) si l'utilisateur choisit la taille du texte - plus grand.
- Quel est l'avantage d'utiliser la valeur EM pour la taille de la police?
- Pourquoi devriez-vous les utiliser au lieu de PX?
- Dois-je utiliser REM ou EM ou PX?
- Dois-je utiliser EM ou VW?
Quel est l'avantage d'utiliser la valeur EM pour la taille de la police?
EMS n'a pas de tailles fixes. Ils sont évolutifs, et pour cette raison, les EM sont bons pour le développement Web mobile. EMS est relatif à la taille de la police définie dans le CSS. Si vous n'en avez pas un ensemble dans le CSS, alors 1 EM sera généralement égal à 16px, ce qui est généralement la taille de police par défaut dans les navigateurs.
Pourquoi devriez-vous les utiliser au lieu de PX?
Les unités PX garantissent des résultats cohérents même si ce n'est pas idéal. EM est relatif à la taille de la police de l'élément parent, donc si vous souhaitez mettre à l'échelle la taille de l'élément en fonction de la taille de ses parents, utilisez-les.
Dois-je utiliser REM ou EM ou PX?
Au sein de CSS, EM et REM sont tous deux des unités évolutives qui spécifient également les valeurs des propriétés. EM et REM répondent aux normes d'accessibilité Web, et, contrairement à PX, mieux échelle. Par conséquent, ils sont plus adaptés à la conception réactive.
Dois-je utiliser EM ou VW?
Utilisez Em ou Rem pour des choses comme: la taille de la police, le rembourrage, la marge. Utilisez% pour la largeur ou la hauteur des conteneurs, des divs ou d'autres grands composants. Utilisez VH et VW pour dimensionner les sections en pourcentage de la taille de l'écran (par exemple, j'utilise beaucoup pour forcer les sections avec des images d'arrière-plan pour être en plein écran (VH) et / ou pleine largeur (VW))
![UI fonctionnel mais laid. Quelle valeur ajoute une belle interface utilisateur? [dupliquer]](https://itqualityassurance.com/storage/img/images_1/functional_but_ugly_ui_what_value_does_a_good_looking_ui_add_duplicate.jpg)
