Además de las unidades de medida absolutas, como los píxeles (px), el constructor también incluye unidades relativas. Estas se utilizan para establecer el tamaño o la distancia con respecto a algo. Analicemos estas unidades con más detalle:

• vh: especifica el tamaño como porcentaje de la altura de la ventana gráfica;
• vw: especifica el tamaño como porcentaje del ancho de la ventana gráfica;
• %: especifica el tamaño como porcentaje con respecto al elemento principal (por ejemplo, para elementos dentro del bloque de diseño);

Para un bloque de diseño y sus elementos, como un botón, texto, imagen, así como para un grupo de elementos, se puede establecer la propiedad fit. Permite ajustar el contenido a ciertos tamaños:

• En el caso de un botón, el ancho y la altura se ajustan al contenido dentro del botón.
• En el caso de texto, el contenedor del elemento se ajusta al tamaño del texto.
• En el caso de una imagen, se puede ajustar completamente la imagen a un contenedor de un tamaño determinado.
• En el caso de un grupo de elementos, el ancho y la altura se ajustan al contenido dentro del grupo.

Algunos consejos para trabajar con campos de unidades de medida en la barra lateral (menú lateral):

1. Al hacer clic en el campo con un número, se selecciona inmediatamente el valor completo para que pueda introducir rápidamente un nuevo número:

2. Puede introducir inmediatamente la unidad de medida en los campos junto con el número, para no tener que seleccionarlo de la lista por separado. Por ejemplo, «100px» o “100%”:

3. Puede colocar el cursor en el campo y cambiar rápidamente el número con el teclado. Las teclas ↓ o ↑ cambian en 1 punto, y la combinación Mayús + ↓ o ↑ Cambiar a 10: