Scaling

Technology: Frontend programming

Scaling

by George Frias
Created: 2020-05-21 | Updated: 2021-01-09

info.png Scaling is the ability to share a view with all display sizes.

Introduction

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.

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