Asiu Aesthetics

Titulo del post 2

In most cases, you should avoid absolute measurements like cm, mm, in and pt for web designs as they will look different on every device.

In most cases, you should avoid absolute measurements like cm, mm, in and pt for web designs as they will look different on every device.

Pixel is somewhat of an absolute size, as it is based on the pixel size of the user’s screen. However, using px for font sizing is quite a common practice and most web browsers are equipped to make your design look similar across different resolutions even when using px. It’s also a very easy unit to use when considering the collaboration between design teams who would typically design by pixel.

Another option is to utilize em and rem. em inherits its size from its parent, while rem inherits from the root styling (hence, why it’s named root em).

The default font size in all browsers tends to be approximately 16 pixels. A common practice is to set the root font-size to 62.5%, which translates the default 16px to approximately 10px. We do this to make the mental conversion of the font size easier when using em or rem (e.g. 1 rem = approx. 10 pixels, while 1.8 rem = approx. 18 pixels). This is a handy approach for two reasons:

logotipo-asiu-aesthetics-neuquen

¿Te gustó esta nota? Compartila y ayudanos a llegar a más personas

Más novedades que pueden gustarte

tratamiento-piel-asiu
Estudios

Titulo del post

In most cases, you should avoid absolute measurements like cm, mm, in and pt for web designs as they will look different on every device.

Ver más »