[Résolu] Max-width: min-content pour laisser fluide au rétrécissement

Bonjour,

Cette discussion fait suite à ce sujet résolu.

Ce codepen montre mon problème.

La largeur du parent est déterminée par la largeur du tableau :

div.main {width: min-content}

Pour simplifier j'ai affecté une largeur de 500px au tableau mais la largeur pourrait aussi être définie par le contenu.

Mon problème : je veux que les éléments h1 et p restent fluides au rétrécissement de la fenêtre en-deça de 500px.
Autrement dit que le texte reste entièrement lisible, comme si aucune largeur n'était définie.

Tiens, je pense avoir trouvé la solution :

div.main {max-width: min-content}

Bon, comme j'ai fait le codepen je publie quand même ce sujet en espérant que cela puisse aider.

Sauf contre-indication je coche bientôt Résolu.

Bonjour,

Si personne n'a rien à ajouter je coche Résolu.

Juste une petite remarque Responsive.

/* Sur grand écran */
div.main {max-width: min-content}
/* pour occuper toute la largeur sur petit écran */
div.main {min-width: 100%}

J'ai essayé d'abord avec width: 100% mais bizarrement cela ne marche pas, je n'ai pas compris pourquoi...