Pourquoi Bootstrap 4 choisissez rem et em au lieu px?

Je voudrais savoir pourquoi de Bootstrap choisir rem et em au lieu px pour la nouvelle version de de Bootstrap 4.

Nous pouvons voir ici

Certaines variables exemples:

    $font-size-h1: 2.5rem !default;
    $font-size-h2: 2rem !default;
    $font-size-h3: 1.75rem !default;
    $mark-padding: .2em !default;

C'est une bonne pratique d'utiliser em et rem pour:

  margin: 0;
  padding: 0;
  bottom: 0px;
  width: 100%;

Je suis juste curieux de savoir que je ne pouvais pas trouver sur le web à ce sujet afin que raison que je demande.

les exemples que vous citez ne pas être de bons candidats, à partir de 0: les valeurs ne sont pas par rapport à la taille définie dans l'élément racine, et 100% des valeurs ne peut être fait avec rem.

OriginalL'auteur raduken | 2016-05-05

  1. 18

    Rem, toutes les tailles de police sont par rapport à l'élément racine (aka, la
    balise html). La raison pour cela est de le rendre plus facile à l'échelle vers le haut ou vers le bas pour les appareils. Vous pourriez techniquement modifier la balise html à une plus petite ou plus grande taille à l'échelle de toutes les tailles de police aussi – ce qui est une super fonctionnalité intéressante.

    ... [L]a principale chose à emporter est, tout est dynamique et
    par rapport à la racine de la balise HTML.

    Par exemple, de modifier le html css font-size pour un nombre différent ...
    et de regarder comment l'ensemble de la grille s'ajuste et les échelles.

    Source: Scotch.io

    REMs sont utiles presque n'importe où taille est définie de façon explicite.
    Les deux EMs et les pixels ont leurs pertes avec les requêtes des médias quand il s'agit de la différence d'une décimale de cette unité. S'il vous arrive d'utiliser à la fois les min et max de la largeur des requêtes de média dans le même bloc de code, vous allez passer un mauvais moment dès que l'utilisateur commence à changer leur zoom du navigateur ou par défaut une taille de police. engageinteractive.co.royaume-uni/blog/em-vs-rem-vs-px

    OriginalL'auteur isherwood

  2. 6

    Il vaut la peine de mentionner que Bootstrap 4 gardé des points d'arrêt dans px et pas em. À partir de la docs:

    Tout Bootstrap utilise ems ou rems pour la définition de la plupart des tailles, pxs sont utilisés pour la grille de points d'arrêt et des conteneur des largeurs. C'est parce que la fenêtre d'affichage de la largeur en pixels et ne change pas avec la taille de la police.

    OriginalL'auteur Kostas Siabanis