It is recommended that you have a general understanding of the UMG UI Designer before proceeding with this How-to.
When working on the UI for a project, you may already have a targeted device in mind that you intend to release your project on. In fact, it may be multiple devices or platforms that you intend to release your project on.
This is where automatic resolution-independent UI scaling using the DPI Scaling rules comes in to play.
In short, this option allows you to define a DPI Scale Rule (which is used to decide what scale to apply) and a DPI Curve (which contains the different resolutions and the respective scale values that you can define) to automatically scale your UI elements based on those varying resolutions.
This makes it quick and easy to translate your UI screens from devices like a phone to a tablet or a PC, with a range of other screen resolutions.
In this how-to, we will walk through setting up the DPI Scale Rules for a simple UI screen so that we may deploy to multiple devices.