Responsiveness
Last updated
Last updated
realvirtual.io is designed to run on a variety of devices, including PCs, mobile devices, WebGL, and different screen resolutions. Achieving a responsive and adaptive UI across these platforms can be challenging. To simplify this, realvirtual.io includes special scaler scripts to handle different screen sizes and resolutions automatically. You can adopt the settings based on your special application needs.
The Toolbar Scaler ensures that toolbars scale properly depending on screen size and platform.
Adjusts toolbar height and scale dynamically.
Handles scaling for different screen resolutions, ensuring UI elements remain accessible.
Platform-specific deactivation:
Allows disabling elements for Linux, Windows, and WebGL when needed.
The Overlay Button Scaler is used for the ovlerlay buttons on the right hand side.
Dynamically scales UI buttons based on screen size.
Custom width and height settings for different screen resolutions.
Supports platform-based UI adjustments (e.g., different behaviors for Android, iOS, WebGL).
