Resumen

El descriptor CSS width es una forma reducida para establecer min-width y max-width en el viewport. Definiendo un valor de longitud para viewport se establecerán los dos, anchura mínima y anchura máxima, con el valor definido.

Si se definen dos valores de viewport, el primero corresponderá a la anchura mínima, y el segundo, a la anchura máxima.

Related at-rule@viewport
Valor inicialas each of the properties of the shorthand:
Percentagesas each of the properties of the shorthand:
  • min-width: refer to the width of the containing block
  • max-width: refer to the width of the containing block
Mediavisual, continuous
Valor calculadoas each of the properties of the shorthand:
  • min-width: the percentage as specified or the absolute length
  • max-width: the percentage as specified or the absolute length or none
Canonical orderorder of appearance in the formal grammar of the values

Sintaxis

/* Ejemplo con un valor de viewport: */
@viewport {
    width: 320px;
}

/* Ejemplo con dos valores de viewport: */
@viewport {
    width: 320px, 120px;
}

 

Valores

auto
El valor a usar es calculado con los valores de otros descriptores CSS.
<length>
Un valor <length> de longitud absoluta o relativa no negativa.
<percentage>
Un valor <percentage> del porcentaje relativo a la anchura o altura del viewport inicial, con factor de zoom de 1.0, para longitudes verticales y horizontales respectivamente. No puede ser negativo.

Sintaxis formal

<viewport-length>{1,2}

where
<viewport-length> = auto | <length-percentage>

where
<length-percentage> = <length> | <percentage>

Especificaciones

Especificación Estado Comentarios
CSS Device Adaptation
La definición de '"min-width" descriptor' en esta especificación.
Working Draft Definición inicial

Compatibilidad de navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico 29 (usando una bandera) Sin soporte 10 -ms 11.10
Removido en 15
Reintroducido con una bandera en 16
Sin soporte
Característica Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico 4.4 29 Sin soporte 10-ms 11.10
Removido en 15
Reintroducido con una bandera en 16
Sin soporte

 

Etiquetas y colaboradores del documento

Colaboradores en esta página: israel-munoz
Última actualización por: israel-munoz,