Adapter la taille d'une div en fonction de la réso

devdeb22 Messages postés 31 Statut Membre -  
xmediacreation.com Messages postés 50 Statut Membre -
Bonsoir,

Bonsoir

Quelqu'un connait-il une propriété CSS qui permet d'adapter la taille d'une div en fonction de la résolution de l'écran.

En effet j'ai un texte dans une div

Sauf que lorsque je rétrécie la taille de l'écran non seulement le texte dépasse, mais

je veux pouvoir garder tout mon texte dans la div

Et que la div s'agrandisse en y ou en x.

Voici mon code :


<div class="row">
  <div class="col-md-6" id="BlockAvis"  style="border: solid; margin-top: 15px; height: 150px; padding-top: 10px; background-color: yallow; border-radius: 15px">
      <center><h2>98,76 %</h2> de ceux qui ont essayé le jeux amical on recommandé et CONTINU de recommander le jeu à leurs proches.<br><h5>Pourquoi pas vous ?</h5></center>
  </div>
  <div class="col-md-6" id="BlockInvitation" style="border: solid; margin-top: 15px; min-height: 150px; background-color: green; border-radius: 15px">
      <center><a href="register.php"><img src="img/Uwandzani%20logo.jpg"></a></center>
    <center><h2>Devenez vous aussi un joueur d'exeption !</h2></center>
  </div>
</div>



Je souhaite pouvoir garder le texte visible dans "boite" de la div quequ'en soit le résolution.



2 réponses

dugenou Messages postés 6262 Statut Contributeur 1 452
 
Bonjour,

Il y a un article (Astuce) "Une feuille de styles de base pour le Web mobile" qui explique assez bien et simplement comment faire, dans la partie "Tutoriels - CSS" du site "alsacreations.com".

0
xmediacreation.com Messages postés 50 Statut Membre 8
 
height: 150px;
Il faut enlever ça, c'est tout...
Si tu lui impose une hauteur, forcement, quand tu va réduire la largeur, le contenu va sortir puisqu'il ne pourra plus pousser vers le bas...
0