Comment puis-je utiliser Media Queries dans Bootstrap 3 pour ajuster la taille des polices en fonction de la taille de l'écran ?

Utilisation des requêtes multimédias dans Twitter Bootstrap 3

Requête :

Dans Bootstrap 3, comment les requêtes multimédias peuvent-elles être implémentées pour ajuster dynamiquement la taille des polices en fonction de l'écran size?

Réponse :

Bootstrap 3 fournit des sélecteurs spécifiques pour définir les requêtes multimédias :

• @media(max-width:767px) : Appareils très petits (XS)
• @media(min-width:768px) : Petit Appareils (SM)
• @media(min-width:992px) : appareils de taille moyenne (MD)
• @media(min-width:1200px) : appareils de grande taille (LG)

Par exemple, pour ajuster la taille de la police d'un élément sur les appareils XS, utiliser :

@media (max-width: 767px) {
  .element {
    font-size: 12px;
  }
}

Remarque : Pour faciliter le débogage, vous pouvez ajouter le code HTML suivant à votre page :

<span>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!