Responsive Design: Uso de las propiedades max-width y min-width

Responsive Design: Uso de las propiedades max-width y min-width

Tres días hace ya que expliqué el uso de la etiqueta meta viewport. Hoy explicaré el uso de las propiedades max-width y min-width, dos propiedades de CSS3 que serán clave en el Responsive Design. Los nombres de estas propiedades definen bastante bien la función que realizan: max-width : Definir un ancho máximo. min-width : Definir un ancho mínimo. En Responsive Design toman mucho protagonismo porque usando estas dos propiedades en los media queries (tema que trataré en el próxima entrada) junto con la etiqueta meta viewport, van a permitir dar estilos concretos a un sitio web en función del ancho de la … Sigue leyendo

Responsive Design: Uso de la etiqueta meta viewport

Responsive Design: Uso de la etiqueta meta viewport

Hace unos días expliqué qué es el Responsive Design. También comenté que iba a hacer unas entradas en el blog explicando el uso de varias cosas de esta “filosofía” del Responsive Design. Pues esta será la primera de esas entradas, en la que explicaré el uso de la etiqueta meta viewport. Cuando una web no está adaptada a dispositivos móviles, y se quiere ver desde uno de ellos, casi seguro que ha de hacerse uso del zoom, cosa que se puede llegar a hacer muy engorrosa. Si además de tener que ir desplazándose por la web, hay que ir haciendo más o … Sigue leyendo