<style>
.prueba1 {
max-width: 150px;
background-color: yellow;
}
</style>
<div class="prueba1">El escrito como vemos se ciñe al valor maximo del ancho y se ajusta a el.</div>
El escrito como vemos se ciñe al valor máximo del ancho y se ajusta a el.
Ejemplo de min:
<style>
.prueba1 {
min-width: 100px;
background-color: yellow;
}
</style>
<div class="prueba1">El escrito como vemos se ajusta al tamaño de la ventana siempre que esta sea menor de 150px.</div>
El escrito como vemos se ajusta siempre que esta sea menor o igual de 150px.
Estos valores se usan mucho en las plantillas responsive.