Skip to content

Resolution Adaptation

Resolution Adaptation allows web pages to work properly on different devices. Whether on desktop computers, tablets or mobile devices such as cell phones, users can easily access them.

Scenario Example 1: Accessing the same page on different devices.

  1. Draw the page and turn on resolution adaption and select aspect ratio scaling.

    alt text

  2. View the running page of the screen on your computer, tablet, and phone.

    alt text

Scenario 2: Enable different resolution methods on the same device and view the running effect of the page.

Note: The size of the configuration screen is 1920*1080, and the resolution of the monitor is 1024 * 768.

Editor Page:

alt text

Running Page:

Resolution mode Screen operation effect
Scaling between width and height alt text After equal scaling, the page is displayed in the center, and the excess part will be left white (for the sake of identification, the gray area in the figure indicates the white area). alt text
Stretching the page to fill the entire window Horizontal and vertical scaling is performed to make the page appear completely within the window. alt text