Experios gives you the option of using various different units of measurement when sizing your elements, paddings and margins. Each unit behaves slightly differently, and is suited to its own particular use case.
Units of measurement available in Experios are:
- px (pixels)
Pixels are a fixed unit of measurement based on the pixel density of any given screen. Measurements defined in pixels are consistent across devices and screen sizes, and are the most practical way to display something the same size for all users. - em
Em is a historical term that used to refer to the width of the capital letter ‘M’ in a typeface at any given font size.
In Experios (and responsive design in general), however, it refers to a relative unit which is calculated using the font-size of the containing element. This means, for example, that if you use the font size coefficient property to increase the overall font size of your Experios, then the size of 1em will increase too. - % (percentage)
Percentage measurements are calculated based on the dimensions of an element’s container. An element placed inside a column and given a width of 50% will always be half the width of the column, regardless of how wide the column is.
This also applies to height, but only in the case that the parent element has been given an explicit height (not auto). - vw (viewport width)
Vws are similar to percentages, but are calculated using the width of the viewport (device screen, or browser window) being used to view your publication. 1vw is equal to 1% of the width of the viewport. - vh (viewport height)
Vh is a unit similar to vw, but calculated using the height of a user’s viewport. 1vh is equal to 1% of the height of the viewport.
The range of units available to you when creating your Experios provide you with the ability to create a wide range of versatile and responsive layouts, whatever your needs.