Technology: Scaling


by George Frias
Created: 2020-05-21 | Updated: 2021-03-30

info.png Scaling is the ability to render in all displays even though that may not be the target display.


Outside of project type, scaling still means the same thing. With a website you scale everything and on a window it's simple to scale horizontally with minimums thanks to XAML.

Markup is the common aspect between a website and a WPF program. Scaling is not exactly the same across the board but it is the commonality in technology that this page attempts to harness. I haven't tried to scale a WPF window the same way I do in HTML, I will give it a try sometime and update this page in good time.

Scaling is important because you can define a display for something created and it will still not break when another display is viewing it.

Frontend scaling

It's very simple to scale everything, you set in a vw body font-size and then @media body font size at whatever width you like for max. After that use em for measurement and the rest will fall into line.

Description Screenshot Snippet
HTML5 page with scaling - file-txt.png