width

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.

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

Compatibilidad de navegadores