IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Adapter mon texte à la taille de l'écran


Sujet :

CSS

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 45
    Points : 41
    Points
    41
    Par défaut Adapter mon texte à la taille de l'écran
    Bonjour,
    Avant de me lancer dans la réalisation de ma page, je teste l'adaptation de ma page en fonction de la résolution de l'écran.
    Ma question est la suivant: Est-il possible d'adapter le texte comme on peut le faire pour une image.
    ? Où puis-je éventuellement trouver l'information.
    D'avance, merci.

  2. #2
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 700
    Points : 3 849
    Points
    3 849
    Billets dans le blog
    6
    Par défaut
    Vous pouvez utiliser l'unité vw (viewport width). Sinon, vous pouvez recourir aux media queries.
    Néanmoins, les périphériques opèrent déjà des ajustements, non ?

  3. #3
    Invité
    Invité(e)
    Par défaut
    Avec quelque chose comme ceci ?
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    body {
      font-size: 16px;
    }
     
    @media (max-width:800px) {
      body {
        font-size: 12px;
      }
    }

  4. #4
    Invité
    Invité(e)
    Par défaut
    @ecatomb

    L'utilisation d'unités fixes comme "pixel" est à proscrire quand on veut faire du "responsive design".

  5. #5
    Membre averti

    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2011
    Messages
    122
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2011
    Messages : 122
    Points : 327
    Points
    327
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    body {
     font-size: 16px;
     width: 100%;
    }
    /*div principal dans le body ou tu met ton paragraphe*/
    div#main{
     width: 100%;
    }
     
    /*ton paragraphe*/
    div#main p{
     width: 100%;//pourcentage que tu préfere
    }
    En bref, met le "width" du conteneur de ton paragrahe au pourcentage et aussi ses parents (tous ses hiérarchies ascendants)

  6. #6
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,

    @AASProni : la question est
    Adapter mon texte à la taille de l'écran

  7. #7
    Membre confirmé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Points : 575
    Points
    575
    Par défaut
    ou sinon utilise bootstrap

Discussions similaires

  1. [XL-2013] Adapter l'USF à la taille de l'écran de n'importe quel PC
    Par toto13100 dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 29/01/2015, 09h57
  2. Réponses: 0
    Dernier message: 17/09/2014, 13h49
  3. adaptation du formulaire à la taille de l'écran
    Par Jeje_031 dans le forum VBA Access
    Réponses: 2
    Dernier message: 08/08/2008, 08h28
  4. Adapter un cadre à la taille d'un texte
    Par Sebio dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/04/2007, 07h44
  5. Adapter un texte à la taille d'un Canvas
    Par alex6891 dans le forum Java ME
    Réponses: 8
    Dernier message: 16/03/2007, 09h21

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