mode: fixed state: enabled

Adaptive HTML Demo

This demo uses the standalone DOM API.

1920 x 1080
Mode Switch
Headless Core

01. This block is used to verify adaptive height behavior.

02. Resize the viewport slowly and observe the content boundary.

03. Fixed mode should keep the original stage height stable.

04. Stretch mode should only change scaleX and scaleY.

05. Extension mode should grow downward based on width scaling.

06. Flexible mode should react to the current viewport ratio.

07. The inner container should remain visually aligned.

08. Translate values should not jump unexpectedly.

09. A one-pixel resize should not cause a dramatic shift.

10. This line helps make the stage tall enough for observation.

11. Additional content also makes boundary issues easier to spot.