1. #1
    Membre régulier
    Profil pro
    Inscrit en
    mars 2003
    Messages
    415
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mars 2003
    Messages : 415
    Points : 73
    Points
    73

    Par défaut font-size en rem et en px pour une même classe?

    Bonjour,

    Je reprends le code css d'un précédent collaborateur et je vois que pour beaucoup de classes il avait définit une font-size en rem et une font-size en px.
    Est-ce que c'est bon de faire ça? Il vaut mieux choisir entre les deux unités non?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    body{
    font-size: 14px;
    font-size: 0.875rem;
    }
    Merci!

  2. #2
    Membre éprouvé
    Homme Profil pro
    Étudiant
    Inscrit en
    novembre 2015
    Messages
    542
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2015
    Messages : 542
    Points : 1 132
    Points
    1 132

    Par défaut

    Hello,

    Tu as tout à fait raison. Il n'y a aucun intérêt (à ma connaissance tout du moins) de définir une première taille en pixel et ensuite en rem.

    Libre à toi d'utiliser celle qui te convient le mieux, mais garde dans un coin de ta tête les différences entre ces deux unités de mesure.

    Bon courage !
    Un fait toujours plaisir et encourage à l'entraide. Un n'est pas à négliger, pensez aux autres !

    Anciennement magicarpe44, Leviathor incoming...

    Que la force soit avec Developpez.net

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    11 948
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 11 948
    Points : 25 507
    Points
    25 507

    Par défaut

    Bonjour,
    Citation Envoyé par JujuPomme
    Il n'y a aucun intérêt (à ma connaissance tout du moins) de définir une première taille en pixel et ensuite en rem.
    Cela permet de cibler les navigateurs qui ne supportent pas l’unité rem.

    En spécifiant une solution en px en premier, si le navigateur ne reconnait pas l'unité rem, la règle en rem ne sera pas appliquée mais la règle ne px le sera, bien fait pour eux !

  4. #4
    Membre éprouvé
    Homme Profil pro
    Étudiant
    Inscrit en
    novembre 2015
    Messages
    542
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2015
    Messages : 542
    Points : 1 132
    Points
    1 132

    Par défaut

    Oh, d'accord ! Je note, je me coucherais moins bête ce soir !
    Un fait toujours plaisir et encourage à l'entraide. Un n'est pas à négliger, pensez aux autres !

    Anciennement magicarpe44, Leviathor incoming...

    Que la force soit avec Developpez.net

Discussions similaires

  1. Réponses: 5
    Dernier message: 30/01/2007, 14h23
  2. [POO] Deux constructeurs pour une même classe
    Par amika dans le forum Syntaxe
    Réponses: 4
    Dernier message: 16/12/2006, 17h31
  3. Nombreux contextes pour une même webapp
    Par lasacure dans le forum Tomcat
    Réponses: 1
    Dernier message: 10/08/2006, 12h27
  4. Réponses: 15
    Dernier message: 19/06/2006, 20h25
  5. Icone différente pour une même extention ?!
    Par NicolasJolet dans le forum Autres Logiciels
    Réponses: 2
    Dernier message: 09/03/2006, 11h24

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo