lunes, 20 de abril de 2015

MAX width, MIN width

Vamos a ver en la practica para que sirven:
<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.
COMENTARIOS GOOGLE+

Suscríbete vía email ¡gracias!:

Delivered by FeedBurner