A random HTML element:

The same HTML element, now scaled up to match the width it parent element by pat-auto-scale:

The scaling mechanism takes paddings into account:

Another element, scaled up to fill the parent element. This is done with the property: `size: contain`.

The same element, now scaled up to fill the parent completely. The styling property `overflow: hidden` is used on the parent element to prevent bleeding. This is done with the property: `size: cover`.

Autoscale and fullscreen: