UI scaling approach

I’m trying to handle a scaling/DPI issue – the app was designed at 100% OS scaling on a 1920×1080 desktop, but users on laptops with 125% or 150% Windows display scaling see the UI as oversized. The only way for them to get the designed layout is to manually set browser zoom to 80–90% or adjust the display scaling on the laptop.

I’d like to apply this scaling automatically based on Application.Browser.PixelRatio so users don’t have to adjust browser zoom themselves.

What’s the recommended approach for this?

I’ve experimented with CSS zoom on various elements (document.body, the qx-root) combined with qx.bom.Viewport.getWidth/getHeight overrides and resize dispatches. I can get layout to reflow correctly, but each approach has tradeoffs (popup positioning offsets, AutoSize text measurement issues, etc.) — which makes me think I’m fighting the framework rather than using a supported pattern.

Is there a native API or recommended technique for proportionally scaling the entire UI based on detected DPI? Or is manual browser zoom the only supported path?

I’m using Wisej version 4.0.11 currently and testing with MS Edge and Chrome browsers.

Any assistance would be appreciated!