Comment reduire la taille de la police en fonction de taille de l'ecran

**Marc31** · 14/02/2017, 15h57

Bonjour à tous,

Je ne sais pas comment réduire la taille de la police en fonction de taille de l'ecran.

Si l'ecran est grand, mon texte c'est nickel par contre si je vais sur un portable, le texte est en gros....

Quelqu'un pourrait m'aider?

Merci et bonne journée

**NoSmoking** · 14/02/2017, 18h25

Bonjour,
il serait bon que tu nous dises comment est déclarée la taille de la police dans ton document.

Invité · 15/02/2017, 00h16

Bonjour,

à toi de bien choisir ton unité de mesure :

font-size

**Marc31** · 15/02/2017, 08h51

Bonjour, j'avais mis du font-size mais des valeurs en px puis j'ai changé et j'ai mis du em.

Mais rien à faire le texte ne bouge pas.

Invité · 15/02/2017, 09h02

Bonjour,

Tu peux modifier via les media queries.

N.B. si au moins tu avais une page test à montrer.....

**Marc31** · 15/02/2017, 09h21

Les media queries, c'est quoi?

**Ecared** · 15/02/2017, 12h18

Tu aurais eu la réponse à ta question plus rapidement si tu l'avais tapé directement sur Google

Les media queries permettent de modifier l'apparence de tes éléments suivant la taille de l'écran, exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
/* de 0 à 767px de largeur d'écran tes paragraphes auront une taille de 12px */
p {font-size: 12px;}
 
/* de 768px à 1023px de largeur d'écran tes paragraphes auront une taille de 14px */
@media (min-width: 768px){
p {font-size: 14px;}
}
 
/* au dessus de 1024px de largeur d'écran tes paragraphes auront une taille de 16px */
@media (min-width: 1024px){
p {font-size: 16px;}
}

**Marc31** · 15/02/2017, 13h39

Et ceci je dois le mettre dans le css, plus précisément dans le body?

Invité · 15/02/2017, 13h51

Envoyé par Marc31

Les media queries, c'est quoi?

Je m'en doutais un peu...

MERCI de faire une RECHERCHE avant de poser une question.

On ne va/peut pas faire tout le boulot pour toi...

**NoSmoking** · 15/02/2017, 18h50

Avant de triturer la taille de la police via les Media Queries, surtout en px, je commencerais par mettre dans le <head> une meta viewport.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="viewport" content="width=device-width, initial-scale=1">

**Marc31** · 20/02/2017, 09h49

Bonjour j'ai rajouté :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="viewport" content="width=device-width, initial-scale=1">

mais ça n'a rien changé...quel effet cela devait avoir??

merci

Invité · 20/02/2017, 12h37

Envoyé par jreaux62

MERCI de faire une RECHERCHE avant de poser une question.

Comment reduire la taille de la police en fonction de taille de l'ecran

CSS

Discussions similaires

Partager

Partager