Quand choisir REM sur PX?

Quand devrais-je utiliser rem sur px? Je vois beaucoup d'articles disant que je devrais utiliser REM pour respecter les préférences de l'utilisateur, mais les exemples disent toujours sur la taille de la police, pas sur le style entier - marge, remplissage, bordure, largeur, hauteur, etc. SO comme exemple: Should I use px or rem value units in my CSS?Quand choisir REM sur PX?

Toutes les réponses disent à propos de la taille de la police, ok, je l'obtiens, rem est meilleur pour la taille de la police, mais qu'en est-il des autres styles? Je vois que bootstrap utilise px pour la classe conteneur, à la classe col- *, y a-t-il une raison à cela?

Je crée ce site qui écrase les styles par défaut de Bootstrap, dois-je remplacer les endroits où il utilise px avec pxs ou devrais-je utiliser rem?

Merci.

Source

2017-08-22 João Calvin

_ "Je crée ce site qui écrase les styles par défaut de Bootstrap, dois-je écraser les endroits où il utilise px avec pxs ou devrais-je utiliser rem?" _ Pour ce cas à tout le moins, je pense que la réponse est clair - ne pas mélanger les unités. Si vous préférez des éléments avec px, continuez à utiliser px pour ne pas être dérouté. –

Avant d'entrer dans quelle unité de css vous devriez utiliser. Vous devez avoir une compréhension des unités elles-mêmes. Parce que vous êtes le seul à savoir quel style vous voulez pour votre site, par exemple. (statique, dynamique/réactif). Vous seul pouvez décider quelle unité utiliser. Donc, afin de prendre la décision, d'abord en apprendre davantage sur les types d'unités CSS et leurs avantages. Voici le lien w3school expliquant toutes les unités comme em, rem etc.

https://www.w3schools.com/cssref/css_units.asp

Venons-en maintenant à votre point spécifique, tel que défini rem est la taille de la police définie pour l'élément racine qui est <html>. Par défaut, la taille de police de l'élément racine <html> est 100%, ce qui correspond à 16px comme défini par le navigateur. Il peut être modifié dans les paramètres du navigateur ou vous pouvez le remplacer par css avec html {font-size: 20px}. Quel que soit l'ensemble de taille de police de la balise html sera égal à 1 rem. Maintenant, vous pouvez utiliser rem pour le remplissage et la marge, etc., mais cela n'est pas recommandé car, par ex. Vous avez défini les valeurs rem de remplissage et les marges et les largeurs etc pour votre site où la taille de police par défaut de votre navigateur est définie sur 16 px. Donc, tout a l'air bien et ajusté, mais que se passe-t-il si un utilisateur qui navigue sur votre site a défini sa taille de police par défaut du navigateur à 25px. Cela va briser la conception de votre site. C'est pourquoi, pour les sites sensibles, les unités%, vw/vh sont principalement utilisées. Comme pour l'unité px. Ils sont les leurs pour aider à définir des valeurs statiques afin que vous fixiez la taille plutôt que de l'avoir réajuster.

Alors maintenant, vous savez quelle taille vous voulez garder votre site web. Vous pouvez utiliser les unités au besoin. J'espère que cela vous aidera dans votre compréhension et, encore une fois, essayez de comprendre la théorie elle-même avant de prendre en compte les opinions des autres sur cette théorie. :) Codage heureux.

Source

2017-08-22 16:19:01

Quand choisir REM sur PX?

Répondre

Questions connexes