Largeur de div définie sur min-width ou max-width

Question

J'ai défini un min-width et un max-width sur un div. Comment est-ce que je peux faire en sorte que la largeur de div soit définie sur la largeur maximale s'il y a suffisamment d'espace et s'il n'y a pas assez d'espace, la largeur doit être définie sur min-width?

P.S. en utilisant la largeur: 100% fonctionne un peu, mais je ne veux pas de valeurs entre le min et le max. La largeur devrait être soit min ou max et ce n'est pas entre.

Answer 1

mediaQuery

laisse supposer min-valeur est 30px et valeur maximale est 100px et que suffisamment d'espace est 70px en utilisant la question des médias vous permet de définir une valeur si l'écran est large 70px et valeur différente si l'écran est moins que cela.

par exemple:

@media (max-width: 70px) { 
    .myCssClass {width: 30px;} 
} 
.myCssClass {width: 100px;} 

dans cet exemple, la largeur sera « AllWays » être 100px large à moins que l'écran est 70px large ou moins.

Answer 2

Les requêtes média semblent être la réponse.